html代码中:如何输入一条长长的横线?

用input页面标签

并将下Border设为直线

<style>

input[type=”text”]{border-bottom:solid 1px #ccc;}

<style>

<input type=”text”/>

1、两头渐变透明:

<HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=3)” width=”80%” color=#987cb9 SIZE=3>

2、纺锤形:

<HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=2)” width=”80%” color=#987cb9 SIZE=10>

3、右边渐变透明:

<HR style=”FILTER: alpha(opacity=100,finishopacity=0,style=1)” width=”80%” color=#987cb9 SIZE=3>

html中的横线怎么定义

html中定义横线使用<hr>标签,可以定义宽度和高度,分别是width和size属性!

如何在HTML中画一条线

在html中花一条线的方法是有很多的,一般可以直接使用html代码实现或者借助css代码来实现都是可以的。

方法1、使用<hr>标签画线

<html>

<body>

<p>hr 标签定义水平线:</p>

<hr />

<p>这是段落。</p>

<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>

结果如下: