這篇文章主要介紹css中如何設(shè)置虛線上邊框,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括鳩江網(wǎng)站建設(shè)、鳩江網(wǎng)站制作、鳩江網(wǎng)頁(yè)制作以及鳩江網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái),我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,鳩江網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到鳩江省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任!
css中可利用border-top-style屬性來(lái)設(shè)置虛線上邊框,只需要給元素添加“border-top-style:dashed;”樣式即可。border-top-style屬性可設(shè)置元素的上邊框樣式,值為dashed時(shí)可定義虛線樣式。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,可以利用border-top-style屬性來(lái)設(shè)置虛線上邊框。
border-top-style屬性可以設(shè)置元素的上邊框樣式,當(dāng)值為dashed時(shí)可定義虛線樣式。
下面通過(guò)代碼示例來(lái)看看:
虛線上邊框樣式
效果圖:
擴(kuò)展知識(shí):border-top-style屬性可以設(shè)置的值
值 | 描述 |
---|---|
none | 定義無(wú)邊框。 |
hidden | 與 "none" 相同。不過(guò)應(yīng)用于表時(shí)除外,對(duì)于表,hidden 用于解決邊框沖突。 |
dotted | 定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 |
dashed | 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 |
solid | 定義實(shí)線。 |
double | 定義雙線。雙線的寬度等于 border-width 的值。 |
groove | 定義 3D 凹槽邊框。其效果取決于 border-color 的值。 |
ridge | 定義 3D 壟狀邊框。其效果取決于 border-color 的值。 |
inset | 定義 3D inset 邊框。其效果取決于 border-color 的值。 |
outset | 定義 3D outset 邊框。其效果取決于 border-color 的值。 |
以上是“css中如何設(shè)置虛線上邊框”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!