新建一个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 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!