網頁特效之用css樣式表實現首字大寫
2006/11/7 9:23:13
css當中有許多平時很少用的屬性,但是這些屬性有時候被發掘出來以后就會立刻引起一些人的追逐,首字大寫就是這樣一種效果。最近越來越多的blogger開始在自己的blog中運用這一方法,東西很簡單,下面就來給大家介紹一下用:first-letter偽類來實現這種效果的方法:
:first-letter版本:CSS2 兼容性:IE5.5+
語法:
Selector : first-letter { sRules }
說明:
設置對象內的第一個字符的樣式。
此偽對象僅作用于塊對象。內聯要素要使用該屬性,必須先設定對象的 height 或 width 屬性,或者設定 position 屬性為 absolute ,或者設定 display 屬性為 block 。
在此偽對象中配合使用 font-size 屬性和 float 屬性可以制作首字下沉效果。
示例:
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }
應用于:
IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD DIV DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP
目前IE和FF都支持此屬性,所以大家不必顧慮兼容性的問題,當然要記得設置float屬性哦,不然就不會出現那種大字緊貼幾行的效果了。
范例(未設置float屬性):
<style> p{line-height:25px;} p:first-letter{font-size:50px;line-height:50px;} </style> <p>歡迎大家來到<a ><a class="bluekey" target="_blank">網頁</a>陶吧</a></p>
運行代碼復制代碼另存代碼收藏本頁
范例(設置float屬性為left):
<style> p{line-height:25px;} p:first-letter{font-size:50px;line-height:50px;float:left;} </style> <p>歡迎大家來到<a >網頁陶吧</a></p>
運行代碼復制代碼另存代碼收藏本頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲免费在线观看视频|
国产成人精品一区二区三区免费
|
精品一区二区三区在线观看|
在线免费观看污污视频|
好男人资源在线观看好|
无码人妻久久一区二区三区免费丨
|
欧美一级黄色片视频|
亚洲综合国产一区二区三区|
高清破外女出血视频|
少妇高潮太爽了在线视频|
亚洲伊人久久大香线蕉结合
|
一本大道香蕉最新在线视频|
99在线精品免费视频|
黑人又大又硬又粗再深一点|
日韩乱码人妻无码中文字幕|
小兔子救了蛇被蛇两根进去|
久久人爽人人爽人人片av|
久久精品国产亚洲AV无码偷窥|
欧美日韩在线视频|
91成人在线免费视频|
男生秘密网站入口|
最近中文字幕mv图|
亚洲欧洲另类春色校园网站|
草莓视频网站下载|
欧美激情一区二区三区成人|
偷天宝鉴在线观看|
精品人妻系列无码一区二区三区|
国产三级在线免费观看|
6080夜福利|
夜夜添狠狠添高潮出水|
久久久久人妻一区精品色
|
国产午夜精品无码|
国产大学生粉嫩无套流白浆|
亚洲精品动漫免费二区|
精品一区二区91|
国产∨亚洲v天堂无码久久久|
久久人人爽人人爽人人片av高请
|
成人爽a毛片在线视频网站|
久久嫩草影院免费看夜色|
波多野结衣免费一区视频|
国产成人麻豆tv在线观看|