用html代码怎样画一条竖直线。1像素,纯黑色的,长500px.

 我来答
xiangsi1016
高粉答主

2018-04-04 · 说的都是干货,快来关注
知道大有可为答主
回答量:157
采纳率:100%
帮助的人:2.6万
展开全部

用一个div设置他的高度,width等于1,用border、background都可以给它设置颜色,它就是一条直线了。

具体实现方法操作如下:

工具原料:编辑器、浏览器;

方法1、可以给一个一定宽度的元素设置一个border-bottom属性,让其只有一个底边框,进而实现一条线的效果,代码如下:

<div id="div1">             </div><style>    #div1{    margin-top: 100px;    width: 900px;    border-bottom: 1px solid #000000;    }

</style>

方法2、使用hr标签实现画一条线,代码如下:

<!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>
自考大网校
2013-01-29 · TA获得超过238个赞
知道小有建树答主
回答量:333
采纳率:0%
帮助的人:113万
展开全部
用dreamweaver来设计,很简单。你问的是高500px吧,还是水平线?
如果是竖线,写个div层,加上css参数,width:1px,height:500px
如果是横线,其实一个水平线就能替代。<hr width="500" size="1" />
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
林一夏
推荐于2018-02-28 · TA获得超过482个赞
知道小有建树答主
回答量:608
采纳率:0%
帮助的人:468万
展开全部
<div style="border-top:1px solid #000;width:500px;height:1px;"> </div>
更多追问追答
追问
不对,是横线
追答
难不成这是竖线。。。我这里显示就是横线。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式