今天小编给大家分享一下html中文本下面怎么实现虚线的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

成都创新互联服务项目包括辽源网站建设、辽源网站制作、辽源网页制作以及辽源网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，辽源网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到辽源省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

在html中，可以使用border-bottom设置文本下面有虚线，只需要给文本元素设置“border-bottom:width dashed color”样式即可。设置元素下边框的样式时，只有当这个值不是none时边框才可能出现。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

border-bottom 简写属性把下边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：

• border-bottom-width

• border-bottom-style

• border-bottom-color

语法：

 border-bottom:width style color;

如果不设置其中的某个值，也不会出问题，比如 border-bottom:solid #ff0000; 也是允许的

设置元素下边框的样式时，只有当这个值不是 none 时边框才可能出现。

例子：

  
    
      p {
        border-style: solid;
      }
      p.none {
        border-bottom-style: none;
      }
      p.dotted {
        border-bottom-style: dotted;
      }
      p.dashed {
        border-bottom-style: dashed;
      }
      p.solid {
        border-bottom-style: solid;
      }
      p.double {
        border-bottom-style: double;
      }
      p.groove {
        border-bottom-style: groove;
      }
      p.ridge {
        border-bottom-style: ridge;
      }
      p.inset {
        border-bottom-style: inset;
      }
      p.outset {
        border-bottom-style: outset;
      }
    
  

  
    No bottom border.

    A dotted bottom border.

    A dashed bottom border.

    A solid bottom border.

    A double bottom border.

    A groove bottom border.

    A ridge bottom border.

    An inset bottom border.

    An outset bottom border.

  

效果：

扩展资料：

border-bottom-color 设置元素的下边框的颜色。

只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

注释：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

以上就是“html中文本下面怎么实现虚线”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

文章标题：html中文本下面怎么实现虚线
本文来源：http://myzitong.com/article/pgssse.html