虚线竖着的css样式,css border 虚线

css样式竖线怎么写

两种方法

创新互联专注于鲅鱼圈企业网站建设,响应式网站开发,商城网站建设。鲅鱼圈网站建设公司,为鲅鱼圈等地区提供建站服务。全流程按需制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

1.带竖线的字，在每个导航标记后面加入 '|'这个就是竖线

2.直接用边框

单个导航的样式加上:border-right:1px solid #ddd;

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：

div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;}

3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。

div style="border-left: 1px dashed #000;height:100%;line-height:1px;"/div

网站名称：虚线竖着的css样式,css border 虚线
转载注明：http://cdiso.cn/article/dsgjcss.html