在css中,文字上的橫線寫法為“文字元素{text-decoration:line-through}”;“text-decoration”屬性用于規定添加到文本的修飾樣式,當屬性的值為“line-through”時,定義了穿過文本的一條線。
本教程操作環境:windows10系統、css3&&html5版、dell g3電腦。
css文字上的橫線怎么寫
在css中,可以利用text-decoration屬性來設置字上的橫線,當屬性的值為line-through時,定義了一個穿過文本的一條線。
1、新建一個html文件,命名為test.html,用于講解在html里,用css怎么在字的中間加一條橫線。使用p標簽創建一行文字,文字內容為“用css在字的中間加一條橫線”。給p標簽設置class屬性,屬性值為myp,主要用于下面通過該class來設置css樣式。編寫<style type=\”text/css\”></style>標簽,頁面的css樣式將寫在該標簽內。通過p標簽的class屬性myp來設置p標簽內文字的css樣式,樣式寫在花括號內。
2、在css標簽內,在花括號內,將text-decoration屬性設置為line-through,實現給文字中間加一條橫線的效果。
在瀏覽器打開test.html文件,查看實現的效果。
總結:
1、創建一個test.html文件。
2、在文件內,使用p標簽創建一行測試的文字。
3、在css中,將p標簽的樣式屬性text-decoration設置為line-through,實現在字的中間加一條橫線的效果。
(學習視頻分享:css視頻教程)
郵局解析錯誤-企業郵局HTTPS時代 SSL證書更親民了使用云服務器收費嗎建網站是技術活,分析對手是腦力活阿里巴巴云服務器怎么打開SEO優化新手要怎么入手域名變成危險問題-域名及賬戶問題徐州電信高防云服務器租用