css實現的首字母下沉程式碼例項
本章節通過程式碼例項介紹一下如何利用css實現首字母下沉效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta name="author" content="http://www.softwhy.com/" /> <meta charset="gb2312"> <title>螞蟻部落</title> <style type="text/css"> div:first-letter{ font-size:20px; font-weight:bolder; float:left; } </style> </head> <body> <div>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</div> </body> </html>
:first-letter選擇器可以參閱CSS E::first-letter偽物件選擇器一章節。
相關文章
- CSS 首字母下沉CSS
- css實現梯形程式碼例項CSS
- css實現對聯程式碼例項CSS
- css實現的字串擷取程式碼例項CSS字串
- 純css實現的tab選項卡程式碼例項CSS
- css實現矩形切角效果程式碼例項CSS
- css3實現的折角效果程式碼例項CSSS3
- css實現的div垂直居中效果程式碼例項CSS
- CSS實現的柱狀圖效果例項程式碼CSS
- css實現的彎彎的月亮效果程式碼例項CSS
- css實現圖片灰度效果程式碼例項CSS
- css實現半透明邊框程式碼例項CSS
- css3實現tab選項卡程式碼例項CSSS3
- css3實現的多重邊框程式碼例項CSSS3
- css3實現的打折卡效果程式碼例項CSSS3
- css實現的三列等高效果程式碼例項CSS
- css實現的div垂直水平居中程式碼例項CSS
- CSS3 實現的鐘表效果程式碼例項CSSS3
- css實現的div旋轉簡單程式碼例項CSS
- css3實現的進度條程式碼例項CSSS3
- CSS3實現的梯形圖案程式碼例項CSSS3
- css3實現的毛玻璃效果程式碼例項CSSS3
- css3實現的打字機效果程式碼例項CSSS3
- css3實現的圓角效果程式碼例項CSSS3
- css3實現的氣泡效果程式碼例項CSSS3
- css3實現的太極圖程式碼例項CSSS3
- css模擬實現雙擊效果程式碼例項CSS
- css模擬實現雙擊事件程式碼例項CSS事件
- CSS實現div層半透明效果程式碼例項CSS
- css3實現的文字下滑出現效果程式碼例項CSSS3
- css實現的氣泡型提示框程式碼例項CSS
- css3實現的開關按鈕程式碼例項CSSS3
- css實現的網頁三列布局效果程式碼例項CSS網頁
- js實現的動態引入css檔案程式碼例項JSCSS
- css3實現的斑馬紋效果程式碼例項CSSS3
- css實現的多行文字垂直居中效果程式碼例項CSS
- css3實現的瀑布流佈局程式碼例項CSSS3
- CSS3實現的禁止文字選中程式碼例項CSSS3