CSS如何去掉div的边框

新建一个html文件 , 定名为test.html , 用于讲解CSS若何去失落div的边框 。

CSS如何去掉div的边框

文章插图

2在test.html页面中 , 建立一个div , 并设置其css类名为con , 代码如下:


CSS如何去掉div的边框

文章插图

3【CSS如何去掉div的边框】利用css设置div在页面居中显示 , 并设置其宽高都为300px , 同时设置div为红色的边框 。


CSS如何去掉div的边框

文章插图

CSS如何去掉div的边框

文章插图

4在css中 , 设置一个去除边框样式的类名removeborder , 并把它插手div的class类属性中 。


CSS如何去掉div的边框

文章插图

5方式一:在类名为removeborder的样式中 , 利用border:none往来来往除div的边框显示 , 如下图所示:

CSS如何去掉div的边框

文章插图

CSS如何去掉div的边框

文章插图

6方式二:在类名为removeborder的样式中 , 利用border:1px solid transparent设置边框透明往来来往除div的边框显示 , 如下图所示:

CSS如何去掉div的边框

文章插图

CSS如何去掉div的边框

文章插图

7方式三:在类名为removeborder的样式中 , 利用border:1px solid yellow设置边框的颜色与布景颜色一样往来来往除div的边框显示 , 如下图所示:

CSS如何去掉div的边框

文章插图

CSS如何去掉div的边框

文章插图

以上内容就是CSS如何去掉div的边框的内容啦 , 希望对你有所帮助哦!

    推荐阅读