手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

ccs用border画实现和虚线

时间:2024-10-29 13:18:27

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、在浏览器中打开border.html,看下最终效果

ccs用border画实现和虚线
© 手抄报圈