本篇文章給大家分享的是有關(guān)css文字上的橫線是怎么實(shí)現(xiàn)的，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶，用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶，用專業(yè)的服務(wù)創(chuàng)造價(jià)值，成為客戶值得信賴的朋友，為客戶解除后顧之憂。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css文字上的橫線怎么寫

在css中，可以利用text-decoration屬性來設(shè)置字上的橫線，當(dāng)屬性的值為line-through時(shí)，定義了一個(gè)穿過文本的一條線。

1、新建一個(gè)html文件，命名為test.html，用于講解在html里，用css怎么在字的中間加一條橫線。使用p標(biāo)簽創(chuàng)建一行文字，文字內(nèi)容為“用css在字的中間加一條橫線”。給p標(biāo)簽設(shè)置class屬性，屬性值為myp，主要用于下面通過該class來設(shè)置css樣式。編寫標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。通過p標(biāo)簽的class屬性myp來設(shè)置p標(biāo)簽內(nèi)文字的css樣式，樣式寫在花括號(hào)內(nèi)。

2、在css標(biāo)簽內(nèi)，在花括號(hào)內(nèi)，將text-decoration屬性設(shè)置為line-through，實(shí)現(xiàn)給文字中間加一條橫線的效果。

在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

總結(jié)：

1、創(chuàng)建一個(gè)test.html文件。

2、在文件內(nèi)，使用p標(biāo)簽創(chuàng)建一行測(cè)試的文字。

3、在css中，將p標(biāo)簽的樣式屬性text-decoration設(shè)置為line-through，實(shí)現(xiàn)在字的中間加一條橫線的效果。

以上就是css文字上的橫線是怎么實(shí)現(xiàn)的，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。