很多站长朋友们都不太清楚html虚线怎么控制长度，今天小编就来给大家整理html虚线怎么控制长度，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html设置横线颜色和长度 2、 html虚线密度如何调整 3、 css中虚线长度的设置 4、 在html中如何加入一定长度的虚线，虚线的长度是要可以控制的。 5、 如何改变HTML里面横线的长度《hr/》 html设置横线颜色和长度用border-bottom设置下划线，可设置其颜色、粗细。下划线的长度通过设置空内容的width属性来实现，还可以通过margin-top调整下划线与文字的距离。
html虚线密度如何调整order-width 规定边框的宽度。
border-style 规定边框的样式。
border-color 规定边框的颜色。
inherit 规定应该从父元素继承 border 属性的设置。
borderWidth 设置边框的宽度。
thin
medium
thick
length
borderStyle 设置边框的样式。
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
borderColor 设置边框的颜色。
color-name
color-rgb
color-hex
transparent
css中虚线长度的设置<!DOCTYPE HTML>
<html>
<meta charset="UTF-8" />
<head>
<title></title>
</head>
<script src=""></script>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.box {width: 100%;border: 1px solid #000000;box-sizing: border-box;position: relative;}
.img1{height: 100%;width: 100%;}
li{list-style: none;}
.box li{border-bottom: 1px dashed #000000;width: 80%;background: #DCDCDC;height: 35px;}/*dashed是虚线;width控制li的宽度*/
.text{position: absolute;top:42.5px;left:30%;}
.text20{position: absolute;top:42.5px;right:20px;}
</style>
<body>
<div class="demo">
<div class="box" style="">
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
<div class="text">
灰色内容占总宽度80%
</div>
<div class="text20">
白色内容占</br>总宽度20%
</div>
</div>
</div>
</body>
</html>
在html中如何加入一定长度的虚线，虚线的长度是要可以控制的。用HR<hr style="width:99%;border:1px solide #ccc"/>
用DIV模拟HR，推荐下面这种
<div style="border-bottom:1px solide #ccc;width:1000px;margin:0 auto;height:1px!important"></div>
如何改变HTML里面横线的长度《hr/》1、<hr>标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。
2、采用CSS方法：
<hr style="width:50%" />
扩展资料：
<hr>标签用于创建一条水平线。
<hr>元素可被用来分隔HTML页面里的内容。
在HTML中，<hr>元素不需要结束标签。
但XHTML中，<hr>元素必须像下面这样正确关闭：<hr />。
<hr>元素在不同浏览器里外观会略有不同。
支持的属性：
class：类名，指明元素的类名。
dir：rtl或者ltr，指定元素里内容的文本方向。
id：id，指明元素的唯一id。
lang：语言代码，指定元素内容的语言代码。
style：样式定义，指定元素的内嵌样式。
title：文本，指定元素的提示文本。
xml:lang：语言代码，在XHTML文档中指定元素内容的语言代码
关于html虚线怎么控制长度的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html虚线怎么控制长度 css设置虚线长度的详细内容...