如何设置html虚线边框的方法

时间:2020-11-13 15:07:54 HTML DOM 我要投稿

如何设置html虚线边框的方法

  如何设置html虚线边框的`方法

  用到CSS样式和HTML标签元素

  为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。

  1、html常用标签

  p标签

  span

  ul li

  table tr td

  2、实例用到CSS属性单词

  border

  width

  height

  3、实现虚线的CSS重点介绍

  border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线)

  border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。

  4、实例描述

  我们对以上几个标签设置相同宽度、相同高度、边框效果。

  5、完整HTML代码:

  .bor{border:1pxdashed#F00;width:300px;height:60px;margin-top:10px}span{display:block}/*css注释说明:让span形成块*/

  p盒子

  span盒子

  ulli列表

  ulli列表

  6、浏览器效果截图 以上实例对html中不同标签设置相同的样式,包括相同边框虚线。

  html不同标签设置边框虚线效果截图

【如何设置html虚线边框的方法】相关文章:

1.HTML 行间距的设置方法

2.CAD如何显示虚线

3.关于CSS border虚线边框属性教程

4.IE浏览器默认HTML编辑器的设置方法

5.html文字加超链接设置

6.嵌入Flash的HTML方法

7.HTML文档设置为屏幕保护的功能

8.PS画笔参数绘制流畅虚线的方法