HTML中插入竖线的代码是什么 10
6个回答
展开全部
HTML没有直接表示竖线的标签代码,要插入竖线效果可以插入其他标签代码间接形式实现,主要有两种方法:
插入<hr/>标签实现,修改宽度和高度实现竖线效果,由于<hr/>标签有局限性,不推荐使用;示例如下:
<hr style="height:60px;width:1px;" />
插入<table>表格标签,修改样式实现竖线效果,示例代码如下;
<table style="height:60px;border-color:000000;border-left-style:solid;border-width:1px"><tr><td valign="top"></td></tr></table>
实现后的竖线效果如下:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没有直接插入竖线的代码。
但可以用表格或图片的方式实现,比如:把表格的某一单元格的宽度设为1PX,高度设成你想用的竖线高度,并给单元格添加背景颜色,“竖线”就出来了。
另外,也可以在单元格中添加背景图片来实现。个人比较喜欢用背景图片的实现方式,这种方法“竖线”的表现形式更加丰富些,而以背景颜色实现的方式,感觉太死板。
当然,如果再综合CSS定义来实现,效果会更佳。
但可以用表格或图片的方式实现,比如:把表格的某一单元格的宽度设为1PX,高度设成你想用的竖线高度,并给单元格添加背景颜色,“竖线”就出来了。
另外,也可以在单元格中添加背景图片来实现。个人比较喜欢用背景图片的实现方式,这种方法“竖线”的表现形式更加丰富些,而以背景颜色实现的方式,感觉太死板。
当然,如果再综合CSS定义来实现,效果会更佳。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没用过。都是用 标签,定位一个边就有竖线了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
style="border-left:1px solid red"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询