How to write vertical lines in HTML

How to write vertical lines in HTML: First create an HTML sample file; then create the p tag content in the body; finally use the "border-left:3px solid #369;" attribute to achieve the vertical line effect. .

The operating environment of this article: windows7 system, HTML5&&CSS3 version, DELL G3 computer

html: add a vertical bar in the div

##border-left: 3px solid #369;The effect is as follows

The code is as follows

 
 
 最新文章 NEWS 
 
 
 
虚拟主机相关知识
 
虚拟主机相关知识
 
虚拟主机相关知识
 
虚拟主机相关知识
 
虚拟主机相关知识
 
 

.new-right{ float: right; } .title-top{ height: 28px; text-align: left; border-bottom: 1px solid #ccc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); } .title-top h3{ padding-left: 10px; border-left: 3px solid #369; color: #333; } .title-top span{ color: #ccc; font: italic 16px/18px Palatino Linotype,simsun; padding-left: 10px; letter-spacing: 1px; } .news-ul{ padding-left:20px; }

HTML Video Tutorial"

The above is the detailed content of How to write vertical lines in HTML. For more information, please follow other related articles on the PHP Chinese website!