HTML中插入竖线的代码是什么 10

 我来答
飞喵某
高粉答主

2019-06-24 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.5万
展开全部

1、html没有直接插入竖线的代码,但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器,新建一个html文件,写入基本的html结构:

2、然后插入一个div标签,在上方的style标签里面设置div的css样式,这里给div设置背景颜色,并给它一个高度,宽度设置为0,设置border-left属性即可做出竖线:

3、最后打开浏览器,即可看到一个蓝色的竖线了:

IT互联天下
推荐于2017-10-03 · 知道合伙人软件行家
IT互联天下
知道合伙人软件行家
采纳数:1437 获赞数:5161
PHP开发工程师

向TA提问 私信TA
展开全部

HTML没有直接表示竖线的标签代码,要插入竖线效果可以插入其他标签代码间接形式实现,主要有两种方法:

  1. 插入<hr/>标签实现,修改宽度和高度实现竖线效果,由于<hr/>标签有局限性,不推荐使用;示例如下:

    <hr style="height:60px;width:1px;" />


  2. 插入<table>表格标签,修改样式实现竖线效果,示例代码如下;

    <table style="height:60px;border-color:000000;border-left-style:solid;border-width:1px"><tr><td valign="top"></td></tr></table>


实现后的竖线效果如下:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友179be67
2009-08-01 · TA获得超过1481个赞
知道小有建树答主
回答量:839
采纳率:0%
帮助的人:1267万
展开全部
没有直接插入竖线的代码。

但可以用表格或图片的方式实现,比如:把表格的某一单元格的宽度设为1PX,高度设成你想用的竖线高度,并给单元格添加背景颜色,“竖线”就出来了。
另外,也可以在单元格中添加背景图片来实现。个人比较喜欢用背景图片的实现方式,这种方法“竖线”的表现形式更加丰富些,而以背景颜色实现的方式,感觉太死板。
当然,如果再综合CSS定义来实现,效果会更佳。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
抗锄头搞科技
2009-08-01 · TA获得超过143个赞
知道小有建树答主
回答量:253
采纳率:100%
帮助的人:118万
展开全部
没用过。都是用 标签,定位一个边就有竖线了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友2f25bec
2009-08-01 · TA获得超过588个赞
知道小有建树答主
回答量:977
采纳率:0%
帮助的人:854万
展开全部
style="border-left:1px solid red"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式