ccs中如何使用border画实线和虚线

在css中可以使用boder属性画实线和虚线 , 今天我来给大家介绍下ccs中如何使用border画实线和虚线
需要这些哦
电脑
css+html
代码编纂器(本文用的HBuilder)
方式/
1起首在编纂器里新建一个border.html , 用来进修ccs中若何利用border画实线和虚线

ccs中如何使用border画实线和虚线

文章插图

2在body区域里 , 新建两个div , border用来画实线 , border1用来还虚线
ccs中如何使用border画实线和虚线

文章插图

3在css标签中 , 给两个div写上根本属性:宽200px , 高200px , 居中显示 , 两个距离为20px
ccs中如何使用border画实线和虚线

文章插图

4给class名字 为border的div加上1px的实线
ccs中如何使用border画实线和虚线

文章插图

5给class名字 为border1的div加上1px的虚线
ccs中如何使用border画实线和虚线

文章插图

6【ccs中如何使用border画实线和虚线】在浏览器中打开border.html , 看下最终结果
ccs中如何使用border画实线和虚线

文章插图

注重事项有问题大师可以联系我 , 感谢不雅看

以上内容就是ccs中如何使用border画实线和虚线的内容啦 , 希望对你有所帮助哦!

    推荐阅读