在html中花一条线的方法是有很多的,一般可以直接使用html代码实现或者借助css代码来实现都是可以的。
方法1、使用<hr>标签画线
<html><body>
<p>hr 标签定义水平线:</p>
<hr />
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
结果如下:
方法2:使用css的border进行画线
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>float</title>
</head>
<div id="div1"></div>
<style>
#div1{
width: 500px
border-bottom: 1px solid red
}
</style>
</html>
结果如下:
html中有分割线,代码:<HR width="100%" color=#333 size=12 /><!-- color颜色,size大小 -->
一般直接用<hr />也是可以的。
想用它来划竖线,一般可以直接使用html代码实现或借助css代码来实现都可以。
方案一:<html>、<body>、<p>hr 标签定义水平线:</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、</body>、</html>
方案二:<!DOCTYPE html>、<html>、<head>、<meta charset="UTF-8">:<title>float</title、</head>、<div id="div1"></div>、<style>、#div1{、width: 500px、border-bottom: 1px solid red、}、</style>、</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)