HTML用代码制作虚线框方法

 时间:2024-10-13 01:13:32

1、如图,建立一个div标签,然后对他添加修饰,设置宽高、边缘设置以及居中设置

HTML用代码制作虚线框方法

2、现在效果这样的,如图

HTML用代码制作虚线框方法

3、如果我们想要将实线变成虚线的 ,我们要彭榧逡钚修改代码中的border值,在border值属性中有个solid属性,这个就是实体的意思,我们要修改就改动这里

HTML用代码制作虚线框方法

4、在border属性中有很多的属性,第一个dashed就是虚线的意思

HTML用代码制作虚线框方法

5、然后我们将之前的实体改成为dashed虚线值,如图,然后保存

HTML用代码制作虚线框方法

6、这时候我么就会将之前的实体线变成了虚线框了

HTML用代码制作虚线框方法

7、如果想要将直角的框变成圆角的或者直接是圆形框,需要调节border-radius属性,也就是圆角值设置

HTML用代码制作虚线框方法

8、如图,效果明显

HTML用代码制作虚线框方法

9、下面我么看下dotted属性是怎么个效果,这个是点的意思

HTML用代码制作虚线框方法

10、将其换成点状态,效果也是虚线状图案,如图

HTML用代码制作虚线框方法
  • 如何在HTML中插入图片
  • HTML网页怎么设置圆角边框
  • html字间距怎么设置
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • html轮播图怎么制作
  • 热门搜索
    关于体育的手抄报 改革开放40周年手抄报 英语手抄报图片大全 关于新学期的手抄报 爱耳日手抄报 光盘行动手抄报一等奖 国庆节手抄报图片大全 庆祝六一手抄报 爱祖国的手抄报简单 向英雄致敬手抄报简单