使用樣式表,除了自訂版面風格以外,在很多內容寫作時,也有很好的應用。
使用一點小小的技巧,一樣也可以讓自己的文章變的更出色喔!!

很多時候,除了連結時的樣式,大部份的人在自訂自己的版面樣式時都不太愛幫文字加底線,
大致的原因是在中文字加上底線後,實在是使得底線貼中文字太近了。

於是呢! 這時候就可以用 CSS 來自定不同的文字底線風格,
讓要標示的文字更顯目,該有個人特色的就有個人特色:
 

好比說:在文字下方標記毛筆印記,像是『古人』在看書…

使色”
一樣的將樣式寫入自訂的樣式表中,語法如下:

.myunderline {
line-height:22px; 
padding:4px 2px 2px 0;
letter-spacing:6px;
background:white url(圖檔路徑) repeat-x bottom
}
圖檔:
       
又或者是:
用手繪的方法畫線,產生個性化的顯目提示
“這時候就可以使用樣式表創造的小特色”
       

 .myunderlineHL{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(圖檔路徑) repeat-x bottom
 }

圖檔:
       
紅字部份
.myunderline.myunderlineHL
為自訂的 Class 名稱!!
       
那麼以後在寫文章時,遇到需要特別標示的字句,我們就只要加上
需要特別標示的字句
就可以用不一樣的方式將字句給標示出來了!!

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 LottMarisa25 的頭像
    LottMarisa25

    LottMarisa的部落格

    LottMarisa25 發表在 痞客邦 留言(0) 人氣()