用html代码怎样画一条竖直线。1像素,纯黑色的,长500px.
展开全部
用一个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>
展开全部
用dreamweaver来设计,很简单。你问的是高500px吧,还是水平线?
如果是竖线,写个div层,加上css参数,width:1px,height:500px
如果是横线,其实一个水平线就能替代。<hr width="500" size="1" />
如果是竖线,写个div层,加上css参数,width:1px,height:500px
如果是横线,其实一个水平线就能替代。<hr width="500" size="1" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div style="border-top:1px solid #000;width:500px;height:1px;"> </div>
更多追问追答
追问
不对,是横线
追答
难不成这是竖线。。。我这里显示就是横线。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询