html中文本下面怎么实现虚线

今天小编给大家分享一下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 时边框才可能出现。

html中文本下面怎么实现虚线

例子:


  
    
      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.

  

效果:

html中文本下面怎么实现虚线

扩展资料:

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

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

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

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


名称栏目:html中文本下面怎么实现虚线
文章路径:http://bzwzjz.com/article/pgssse.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计制作 品牌网站建设 成都网站建设推广 企业网站建设公司 成都网站建设 高端网站设计 成都网站建设 成都企业网站设计 成都网站建设 成都网站建设公司 手机网站制作 成都网站设计 成都网站制作 外贸营销网站建设 企业网站制作 外贸网站建设 营销网站建设 品牌网站建设 成都网站建设 重庆网站建设 手机网站制作设计 成都网站制作