CSS字串首字下沉效果
首字下沉效果可能在實際應用中並不常見,但並非沒有這樣的應用,效果確實也是比較絢麗。
在word中就有這樣的設定,下面就來簡單介紹一下如何利用CSS實現這種效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { width: 150px; height: 150px; border: 1px solid green; } div:first-letter { font-size: 36px; color: #f60; padding: 4px; } </style> </head> <body> <div>螞蟻部落歡迎您,希望大家給予有意見的建議和意見</div> </body> </html>
實現以上功能主要是利用first-letter屬性實現的。
相關文章
- CSS 首字母下沉CSS
- css實現的首字母下沉程式碼例項CSS
- 在Word2010中如何設定首字下沉
- 正規表示式實現的字串中單詞首字元大寫效果字串字元
- CSS3字串逐字高亮效果CSSS3字串
- 返回字串的拼音首字母 (轉)字串
- js將英文單詞首字母大寫效果JS
- CSS段落首字元縮排兩個字元CSS字元
- JavaScript與css3字串波浪形抖動效果JavaScriptCSSS3字串
- Go 實現字串首字母大、小寫函式Go字串函式
- CSS:遮罩效果、陰影效果、毛玻璃效果CSS遮罩
- CSS div居中效果CSS
- CSS 對勾效果CSS
- CSS 逐字高亮效果CSS
- css翻頁效果CSS
- CSS 實現頭像名稱首字元自動佔位CSS字元
- CSS如何將單詞首字母設定為大寫CSS
- JavaScript字串動畫輪播效果JavaScript字串動畫
- css 實現打分效果CSS
- CSS3象棋效果CSSS3
- CSS細線表格效果CSS
- CSS 細線表格效果CSS
- CSS能做出的效果CSS
- 純CSS 毛玻璃效果CSS
- js滑鼠懸浮字串實現字串跳動效果JS字串
- 使用Css擷取字串CSS字串
- 常見物件-把字串的首字母轉大寫其他轉小寫物件字串
- javascript字串大小寫轉換效果JavaScript字串
- CSS3 文字效果CSSS3
- CSS 彎彎的月亮效果CSS
- CSS3空心圓效果CSSS3
- CSS3呼吸燈效果CSSS3
- 純css模擬下雪效果CSS
- CSS3 矩形切角效果CSSS3
- CSS實現鏤空效果CSS
- CSS圓形圖片效果CSS
- CSS 如何實現羽化效果?CSS
- CSS div居中效果程式碼CSS