您好,登錄后才能下訂單哦!
這篇文章主要介紹了css中如何設(shè)置邊框樣式,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
要是希望閃現(xiàn)某種邊框,就必須設(shè)置裝備擺設(shè)邊框花式,例如 solid 或 outset。
那末若是把 border-style 設(shè)置為 none 會(huì)呈現(xiàn)甚么情況:
p {border-style: none; border-width: 50px;}
誠(chéng)然邊框的寬度是 50px,然則邊框花式設(shè)置為 none。在這類狀況下,不僅邊框的格局沒(méi)有了,其寬度也會(huì)變成 0。邊框隱沒(méi)了,為何呢?
這是由于若是邊框花樣為 none,即邊框基本不具有,那么邊框就弗成能有寬度,是以邊框?qū)挾缺粍?dòng)設(shè)置為 0,而豈論您副本定義的是甚么。
記取這一點(diǎn)十分必要。事實(shí)上,忘懷聲明邊框花樣是一個(gè)常犯的紕謬。按照如下規(guī)定,所有 h2 元素都不會(huì)有任何邊框,更毋庸說(shuō) 20 像素寬了:
h2 {border-width: 20px;}
由于 border-style 的默許值是 none,假定沒(méi)有聲名花式,就至關(guān)于 border-style: none。于是,若是您盼愿邊框涌現(xiàn),就必須聲名一個(gè)邊框花樣。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css中如何設(shè)置邊框樣式”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。