如何在 html 或 jsp 页面中包含一长长的垂直线



我需要在我的页面上画一条垂直线,但无法使用任何类型的 hr 样式标签来做到这一点。 即使它来了,我也无法ad=只是长度。我该怎么做。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Homepage</title>
</head>
 <LINK href="styling.css" rel="stylesheet" type="text/css">
<body>
<img src="C:virclipsefirst.png"  width="1050" height="150">
<br>
<br>
<br>
<div align="center">
<font face="Algerian" size="6">WELCOME TO V-LAUNCHPAD</font>
</div>
<hr size=6 color="black">
<div id= "abc" style="margin: -10px 0px 0px 200px;">
</div>
</body>
</html>

css stylesheet
@CHARSET "ISO-8859-1";
#abc{
    width: 6px; 
    background-color: black; 
    height: 5000%;
    float: left;

}

考虑使用宽度0px和所选高度的div边框:

<style>
    .vertical-line {
        width: 0;
        border: 1px solid green;
        height: 400px
    }
</style>
<div class="vertical-line"></div>

根据定义,hr应该是水平规则

如果你想使用 html <hr> 标签的顶线,你应该在<hr>标签中设置宽度和大小

<hr width="1" size="200" />

在这里演示

最新更新