檬味博客 » 问答 » 用html代码怎样画一条竖直线。1像素，纯黑色的，长500px.

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

1px solid #000000; } 方法2、使用hr标签实现画一条线，代码如下： float div1{ width: 500px;border-bottom: 1px solid red;} 用dreamweaver来设计，很简单。你问的是高500px吧，还是水平线？如果是竖线，写个div层，加上css参数，width：1px，height：500px如果...
用html代码怎样画一条竖直线。1像素，纯黑色的，长500px.
<div style="border-top:1px solid #000;width:500px;height:1px;"> </div>2013-01-29
用一个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>2018-04-04
用dreamweaver来设计，很简单。你问的是高500px吧，还是水平线？
如果是竖线，写个div层，加上css参数，width：1px，height：500px
如果是横线，其实一个水平线就能替代。<hr width="500" size="1" />2013-01-29
mengvlog 阅读 5 次 更新于 2025-07-20 10:03:49 我来答关注问题0
3 个回答檬味博客专题活动
  • xiangsi1016 用html代码怎样画一条竖直线?

    方法1、可以给一个一定宽度的元素设置一个border-bottom属性，让其只有一个底边框，进而实现一条线的效果，代码如下： #div1{ margin-top: 100px; width: 900px; border-bottom: 1px solid #000000; } 方法2、使用hr标签实现画一...

  • 飞喵某 在html中怎样插入竖线?

    1、html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构：2、然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给div设置背景颜色，并给它一个高度，宽度设置为0，设置border-left属性即可做出竖线...

  • 百度网友14dc635 如何在html代码中加入竖线?

    打出来那个字符"|"，给它的字体色改成灰色就行了，或是用图片画一条细竖线也可以，再或者可以用前或后面标签的border-left或border-right样式定义。HTML标签和实体字符都没有这种竖线。

  • 百度网友c7d58ca 怎么用HTML语言画一条竖的线?

    想要竖线就用div+css写吧 例: .l{ float:left;/*左漂浮*/ width: 1px;height: 25px;/*竖线高度*/ background: #000;/*填充颜色*/ }

  • 百度网友3cb80af 如何使用HTML在两个div标签中间画一条竖线

    ，但是这种写法，兼容性不太好，一些旧浏览器容易出现默认最小宽度。还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置大一些，通过BORDER-LEFT,或者RIGHT，来建立一边边框做为竖线，然后，左边或者右边的DIV，通过MARGIN，padding的-值来减消中间DIV的宽度就可以了。可以自己尝试一下。

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部