CSS 画一条横线/竖线 |
您所在的位置:网站首页 › 表格怎么加一条竖线怎么变颜色 › CSS 画一条横线/竖线 |
作为优秀的java程序员,扎实(la ji )前端水平是我工作的基础 , 所以今天记录一下怎么用css画一条横线/竖线出来 , 以此为笔记, 将来不需要去翻阅别人的代码 废话不多说 笔记开始 #CSS 代码 /*中间的过度的横线*/ .link-top { width: 50%; height: 1px; border-top: solid #ACC0D8 1px; } /*画一条再右边的竖线*/ .link-right { width: 50px; height: 20%; border-right: solid #ACC0D8 1px; }#整体的HTML代码 画一个直线 /*中间的过度的横线*/ .link-top { width: 50%; height: 1px; border-top: solid #ACC0D8 1px; } /*画一条再右边的竖线*/ .link-right { width: 50px; height: 20%; border-right: solid #ACC0D8 1px; } Hellow World段落1 段落2 #页面效果图点我查看 #实际工作页面效果图 补充:上面的图片很丑 , 后来发现了画竖线的妙法 就是 直接用 | 这个代替,效果非常好 #效果图 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |