新建一個html文件,定名為test.html,用于講解CSS若何去失落div的邊框。
在test.html頁面中,建立一個div,并設置其css類名為con,代碼如下:
利用css設置div在頁面居中顯示,并設置其寬高都為300px,同時設置div為紅色的邊框。
在css中,設置一個去除邊框樣式的類名removeborder,并把它插手div的class類屬性中。
方式一:在類名為removeborder的樣式中,利用border:none往來來往除div的邊框顯示,如下圖所示:
方式二:在類名為removeborder的樣式中,利用border:1px solid transparent設置邊框透明往來來往除div的邊框顯示,如下圖所示:
方式三:在類名為removeborder的樣式中,利用border:1px solid yellow設置邊框的顏色與布景顏色一樣往來來往除div的邊框顯示,如下圖所示:
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!