你的網頁文章中的重點怎麼畫上螢光筆的效果.png

你的網頁文章中的重點,怎麼畫上螢光筆的效果? 利用簡單的 CSS語法就可以達成! 還不趕快學起來!

CSS螢光筆語法

1.劃出重點文字  <=左邊有顏色的重點文字語法在下方

1.劃出<span style="background:linear-gradient(transparent 40%,rgba(255,255,255,0) 40%, #FFF176 90%,transparent 95%)">重點</span>文字

2.劃出重點文字  <=左邊有顏色的重點文字語法在下方

2.劃出<span style="background:linear-gradient(transparent 40%,rgba(255,255,255,0) 40%, #7fbfff 50%,transparent 70%)">重點</span>文字

3.劃出重點文字  <=左邊有顏色的重點文字語法在下方

3.劃出<span style="background:none; border-bottom:3px solid #EC407A; margin:0 -2px; padding:0 2px">重點</span>文字

色碼選擇

橘色線條:#ff9933
紅色線條:#ff3333
粉色線條:#e60073
桃色線條:#e600e6
紫色線條:#7300e6
靛色線條:#0000e6
藍色線條:#3399ff
綠色底線:#00b35a

 

以上你學會了嗎!

 

wordpress螢光筆特效

 

蘇娜的預售屋新成屋部落格.png

央北重劃區預售屋

 

arrow
arrow
    創作者介紹
    創作者 蘇娜 的頭像
    蘇娜

    蘇娜的部落格

    蘇娜 發表在 痞客邦 留言(2) 人氣()