CSS怎么設置下劃線、刪除線、上劃線屬性樣式

我們在做web、小程序開發的時候經常會用到CSS的text-decoration文本裝飾屬性來設置文字下劃線、刪除線、上劃線等樣式屬性 。 那么該如何設置呢?下面小編就將操作方法分享給大家!

CSS怎么設置下劃線、刪除線、上劃線屬性樣式



需要這些哦
編纂器:HbuilderX
手藝:CSS、HTML
方式/
1起首我們打開開辟東西, 新建一個【HTML文檔】
CSS怎么設置下劃線、刪除線、上劃線屬性樣式



2利用【text-decoration: overline】設置上劃線樣式屬性
CSS怎么設置下劃線、刪除線、上劃線屬性樣式



3利用【text-decoration: line-through】設置刪除線(貫串線)樣式屬性
CSS怎么設置下劃線、刪除線、上劃線屬性樣式



4利用【text-decoration: underline】設置下劃線樣式屬性
CSS怎么設置下劃線、刪除線、上劃線屬性樣式



5【CSS怎么設置下劃線、刪除線、上劃線屬性樣式】利用【text-decoration: none】來斷根所有文字樣式
CSS怎么設置下劃線、刪除線、上劃線屬性樣式



方式總結11、text-decoration: overline:添加上劃線
2、text-decoration: line-through:添加刪除線
3、text-decoration: underline:添加下劃線
4、text-decoration: none:斷根字體樣式

注重事項tips1:屬性樣式大師, 可以直接復制利用, 結果及利用方式如配圖所示
tips2:本教程有小編原創, 幫到大師了就給小編點贊吧!

以上內容就是CSS怎么設置下劃線、刪除線、上劃線屬性樣式的內容啦, 希望對你有所幫助哦!

    猜你喜歡