ccs用border画实现和虚线教程分享

ccs的全称是Code Composer Studio , 是一款用来开发代码和调试的工具 , 有一些小伙伴想要从零自学这款应用 , 下面就让小编为大家介绍下用border画实线和虚线的方法吧 。

方法/步骤分享:
1、首先在编辑器里新建一个border.html , 用来学习ccs中如何使用border画实线和虚线

ccs用border画实现和虚线教程分享


2、在body区域里 , 新建两个div , border用来画实线 , border1用来还虚线
ccs用border画实现和虚线教程分享


3、在css标签中 , 给两个div写上基础属性:宽200px , 高200px , 居中显示 , 两个间隔为20px
【ccs用border画实现和虚线教程分享】
ccs用border画实现和虚线教程分享


4、给class名字 为border的div加上1px的实线
ccs用border画实现和虚线教程分享


5、给class名字 为border1的div加上1px的虚线
ccs用border画实现和虚线教程分享


6、在浏览器中打开border.html , 看下最终效果
ccs用border画实现和虚线教程分享



    推荐阅读