CSS如何去掉div的边框

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

  • 2

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

  • 3

    利用css设置div在页面居中显示,并设置其宽高都为300px,同时设置div为红色的边框。

  • 4

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

  • 5

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

  • 6

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

  • 7

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

    • 发表于 2019-09-13 17:11
    • 阅读 ( 1345 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具