特別的文字底線
此文原空間
使用自訂樣式css的語法,若在連結的語法上加底線,
我想大多數的人,都跟音符一樣不喜歡吧~
但如果可以自由選擇,在想要凸顯的文字上加底線,
卻可以為你的文章加分不少呢~
當然底線的樣式,也就不一定局限在傳統虛線或直線的樣式了~
您可以隨心所欲的選擇分隔線來使用喔~
範例:
.underline { line-height:22px; padding:4px 2px 2px 0px; letter-spacing:2px; background:url(圖片網址) repeat-x bottom } 請放在css最下方
語法解說:
圖片網址請改成你的圖片網址,請注意圖片須有外連;
letter-spacing:2px; 為間距,若是使用很小的圖片,可拉大間距讓圖片在文字與文字之中,
也是不錯的效果~(數值可隨個人喜好調整)underline 只是一個代稱,
您可隨意更改成自己易懂的英文名稱~
圖片網址請改成你的圖片網址,請注意圖片須有外連;
letter-spacing:2px; 為間距,若是使用很小的圖片,可拉大間距讓圖片在文字與文字之中,
也是不錯的效果~(數值可隨個人喜好調整)underline 只是一個代稱,
您可隨意更改成自己易懂的英文名稱~
以後寫文章時,遇到要特別凸顯的文字,就先將編輯模式改成原始碼狀態,
再輸入:
<span class="underline或自訂名稱">特別標示的文字</span>
那麼這段文字即會自動加上您自定的底線囉~
趕快試看看吧~
趕快試看看吧~
此文引用點:
Today's Visitors: 0 Total Visitors: 5
Personal Category: 美學鋪
Topic: learning / academic / arts
Previous in This Category: 可愛狗狗系列 Next in This Category: 幸福小棧分享-藍娃系列
Previous in This Category: 可愛狗狗系列 Next in This Category: 幸福小棧分享-藍娃系列
賞文鋪(1)
