《CSS3實戰(zhàn)》筆記--漸變設計（三)

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
title>IE瀏覽器引擎的CSS漸變實現(xiàn)方法/title>
style type="text/css">
body {
 padding:1em;/讓漸變背景填充整個頁面/
 margin:0;
 text-align:center;
 /*為網(wǎng)頁設計垂直漸變背景*/
 filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#9999FF, endColorStr=#ffffff);
}
h1 {/*標題樣式*/
 color:white;
 font-size:18px;
 height:45px;
 line-height:65px;/*控制文本顯示位置*/
 /*以絕地定位方式實現(xiàn)塊元素居中顯示*/
 position:absolute;
 left:50%;
 margin-left:-150px;
 padding-left:50px;
 border-bottom:solid 2px #c72223;
 /*為標題插入一個裝飾圖標*/
 background:url(images/icon4.png) no-repeat left center;
}
ul {/*列表框樣式*/
 /*清除列表默認樣式*/
 list-style-type:none;
 margin:90px 0 0 0;
 padding:0;
 background:url(images/bg6.png) no-repeat right bottom;/*設計插圖背景*/
 clear:both;
 text-align:left;/*恢復默認對齊方式*/
}
li {
 line-height:1.5em;
 margin:6px auto;
 /*為列表項設計個性化的列表圖標*/
 font-size:14px;
 background:url(images/icon3.png) no-repeat left 3px;
 padding-left:20px;
}
/style>
/head>

body>
h1>喜歡是一種心情，愛是一種感受/h1>
ul>
 li>有一種愛叫癡纏，比如很多人對張國榮的,有時候這樣真的挺好，沒有比愛一個故人更安全和永恒的了。/li>
 li>有一種愛叫迷戀，某一時間里，忽然發(fā)現(xiàn)自己迷上某個人或某種感覺，但那不會長久。有時候迷戀會轉化成愛。/li>
 li>愛里面一定有迷戀、有喜歡?？擅詰?、喜歡都不是愛。/li>
 li>當自己終于明白什么是愛的時候，往往生命去了大半。人生路上能遇上一個真正愛自己的人，是機緣。/li>
 li>有時候，愛是一瞬間的感覺，愛并不能長久保留，如果兩人經(jīng)營得好才會長久保留下去。愛同時是脆弱的，愛會破碎。/li>
 li>有時候，愛是一種心愿，一種可以讓自己與對方更快樂的心情。一份美好的愛必定離不開包容。/li>
 li>有時候，愛是一種自然?；ㄩ_花落，云卷云舒的一點沒有強求。/li>
 li>當能夠以一種平淡的心情看待感情時，愛便變得雋永。/li>
 li>愛情有時候讓人變得很苛刻，但后來又會很包容。當愛對方超過愛自己，那愛就會很包容。/li>
 li>喜歡一個人不會對他很苛刻，因為喜歡不會有更多的要求。相反愛卻是苛刻的。/li>
 li>喜歡一個人不會為她很心痛，愛卻往往是很心痛。愛是一種歸屬，喜歡沒有歸屬。/li>
 li>在喜歡與愛的邊緣徘徊的人，如果嘗試著離開很遠，還能在某個深夜靜靜地想起他，想到心痛與流淚，那一定是愛了。/li>
 li>在愛上之前可能有很長的喜歡，有時喜歡就能轉化成愛，有時喜歡也會淡掉。原來人與人都是平行線上的一些點，檫肩而過很平常，向左轉，向右轉，下一個路口，還會有新的風景。/li>
 li>有時候喜歡會帶來遺憾，但愛情會帶來傷害。這種傷害最后會變成對對方一生的祝福。但喜歡就會越來越淡，最后在心里留下一個淡漠的影子。愛比喜歡要有力量。/li>
/ul>
/body>
/html>