這篇文章給大家分享的是有關(guān)css中怎么設(shè)置邊框樣式的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)是專業(yè)的大邑縣網(wǎng)站建設(shè)公司,大邑縣接單;提供成都網(wǎng)站制作、網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(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è)前來合作!
一:border邊框線的基本樣式
邊框樣式屬性指定要顯示什么樣的邊界
1.border-style屬性
none:默認(rèn)無邊框
dotted:定義一個點(diǎn)線邊框
dashed:定義一個虛線邊框
solid:定義實(shí)線邊框
double:定義兩個邊框。兩個邊框的寬度和border-width的值相同
groove:定義3D溝槽邊框。效果取決于邊框的顏色值
ridge:定義3D脊邊框。效果取決于邊框的顏色值
inset:定義一個3D的嵌入邊框。效果取決于邊框的顏色值
outset:定義一個3D突出邊框。效果取決于邊框的顏色值
.demo{width:500px;height:500px;margin:50pxauto;}
p.none{border-style:none;}
p.dotted{border-style:dotted;}
p.dashed{border-style:dashed;}
p.solid{border-style:solid;}
p.double{border-style:double;}
p.groove{border-style:groove;}
p.ridge{border-style:ridge;}
p.inset{border-style:inset;}
p.outset{border-style:outset;}
p.hidden{border-style:hidden;}
效果圖:
感謝各位的閱讀!關(guān)于“css中怎么設(shè)置邊框樣式”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!