在調試中發(fā)現(xiàn)css樣式被劃了橫線表示該css樣式被層疊不會被解釋執(zhí)行,相當于沒寫!
創(chuàng)新互聯(lián)公司服務項目包括海原網(wǎng)站建設、海原網(wǎng)站制作、海原網(wǎng)頁制作以及海原網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,海原網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到海原省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
當同一個HTML元素被不止一個樣式定義時,一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權。
1.瀏覽器缺省設置
2.外部樣式表
3.內(nèi)部樣式表(位于 head 標簽內(nèi)部)
4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權,這意味著它將優(yōu)先于以下的樣式聲明:head 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
css中使用textdecoration屬性就可以直接設置劃線效果。
對字體樣式文本加下橫線款式,有二種方式,一直立即應用html下橫線標識,此外一種是應用CSS下橫線款式。這個屬性允許對文本設置某種效果,如加下劃線。
。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會延伸到后代元素中。不要求用戶代理支持blink。
需要準備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標簽中,輸入css代碼:body{text-decoration: line-through;}。
3、瀏覽器運行index.html頁面,此時用css成功讓文本添加了中劃線。
一般有兩種方法:
一、通過CSS下劃線代碼:text-decoration:underline來設置文字下劃線。
實例演示如下:
1、實例代碼如下:
此時頁面效果如下:
2、修改第1步中的txt樣式,加入text-decoration:underline。
此時頁面效果如下,出現(xiàn)了下劃線。
二、通過設置div的border實現(xiàn)效果:
實例演示如下:
在第一種方法的初始代碼上,增加border-bottom: 1px solid black、padding-bottom: 10px兩個關鍵樣式,如下:
此時頁面效果如下:
網(wǎng)站名稱:css樣式劃橫線,css條紋斜線
轉載注明:http://jinyejixie.com/article38/dssojsp.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google、手機網(wǎng)站建設、App開發(fā)、企業(yè)建站、動態(tài)網(wǎng)站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)