需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
成都創(chuàng)新互聯(lián)公司是專業(yè)的濉溪網(wǎng)站建設(shè)公司,濉溪接單;提供網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行濉溪網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:body{text-decoration: line-through;}。
3、瀏覽器運(yùn)行index.html頁面,此時(shí)用css成功讓文本添加了中劃線。
使用css
div如何給文字添加下劃線樣式呢?使用css對文字字體添加下劃線樣式方法教程。
對字體文字加下劃線樣式,有兩種方法,一直直接使用html下劃線標(biāo)簽,另外一種是使用CSS下劃線樣式。
接下來為大家介紹對文字字體實(shí)現(xiàn)下劃線方法教程,通過案例方式讓大家作為兩種對文字加下劃線樣式。
一、html標(biāo)簽實(shí)現(xiàn)下劃線
在html標(biāo)簽中對需要加下劃線的文字加u/u即可實(shí)現(xiàn)加下劃線樣式。
1、標(biāo)簽語法:
u我被加下劃線了/u
2、html實(shí)例源代碼
!DOCTYPE html html head meta charset="utf-8" / titlehtml下劃線標(biāo)簽實(shí)例 ;/title /head body 我是divcss5!br / divcss5是網(wǎng)址u;/u ! /body /html
二、css樣式實(shí)現(xiàn)下劃線樣式
使用CSS樣式單詞:text-decoration:underline
1、語法
div{text-decoration:underline} /* css注釋說明:這樣的表達(dá)將讓DIV標(biāo)簽內(nèi)文字字體加上下劃線 */
2、div
css實(shí)現(xiàn)下劃線實(shí)例代碼
!DOCTYPE html html head meta charset="utf-8" / title下劃線 刪除線 上劃線實(shí)例 ;/title style .divcss5{text-decoration:underline} /* underline下劃線 */ .divcss5_1{text-decoration:line-through} /* line-through刪除線貫穿線 */ .divcss5_2{text-decoration:overline} /* overline上劃線 */ /style /head body div class="divcss5"我被加下劃線/div div class="divcss5_1"我被加貫穿刪除線/div div class="divcss5_2"我被加上劃線/div /body /html
在調(diào)試中發(fā)現(xiàn)css樣式被劃了橫線表示該css樣式被層疊不會被解釋執(zhí)行,相當(dāng)于沒寫!
當(dāng)同一個(gè)HTML元素被不止一個(gè)樣式定義時(shí),一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
1.瀏覽器缺省設(shè)置
2.外部樣式表
3.內(nèi)部樣式表(位于 head 標(biāo)簽內(nèi)部)
4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:head 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
css中使用textdecoration屬性就可以直接設(shè)置劃線效果。
對字體樣式文本加下橫線款式,有二種方式,一直立即應(yīng)用html下橫線標(biāo)識,此外一種是應(yīng)用CSS下橫線款式。這個(gè)屬性允許對文本設(shè)置某種效果,如加下劃線。
。如果后代元素沒有自己的裝飾,祖先元素上設(shè)置的裝飾會延伸到后代元素中。不要求用戶代理支持blink。