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

 时间:2024-11-12 20:22:54

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

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

css控制div左浮动 CSS中行内、内部、外部三种样式的写法介绍 在网页制作中怎么限制图片的大小 HTML网页浮动布局怎么用,div float布局怎么用 html中div布局及其图片插入链接
热门搜索
bl高h漫画 雨后小故事漫画 猪图片卡通可爱图片 五谷杂粮图片 夕阳红图片