新建一个html文件 , 定名为test.html , 用于讲解CSS若何去失落div的边框 。
文章插图
2在test.html页面中 , 建立一个div , 并设置其css类名为con , 代码如下:
文章插图
3【CSS如何去掉div的边框】利用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的边框显示 , 如下图所示:
文章插图
文章插图
以上内容就是CSS如何去掉div的边框的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 如何关闭QQ空间申请
- 拼多多如何邀请好友领取红包
- 荣耀10如何设置锁屏图片
- 跑跑卡丁车如何给永久月饼配送车砍价
- 苹果手机的siri开启之后如何设置成英文模式
- 多肉上色防徒长,如何快速增色种植经验心得
- 如何养殖斗米虫
- 如何饲养小刺猬 刺猬喜欢吃什么
- 西安如何申请廉租房
- 冬季如何使窗户密封效果更好 门窗密封效果好