十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
style
创新互联公司是一家集网站建设,应县企业网站建设,应县品牌网站建设,网站定制,应县网站建设报价,网络营销,网络优化,应县网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
#line1{
border-left:#ccc 4px solid; /*左边框,参数依次是颜色;粗细;类型-虚线、实线*/
}
#line2{
border-left:#ccc 2px dotted; /*左边框,参数依次是颜色;粗细;类型-虚线、实线*/
}
/style
div id="line1"设置边线brbrbr/div
div id="line2"设置虚线brbrbr/div
以上是一个测试代码:
思路:直接设置边框border。
1、html没有直接插入竖线的代码,但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器,新建一个html文件,写入基本的html结构:
2、然后插入一个div标签,在上方的style标签里面设置div的css样式,这里给div设置背景颜色,并给它一个高度,宽度设置为0,设置border-left属性即可做出竖线:
3、最后打开浏览器,即可看到一个蓝色的竖线了:
1,"首页|校园|课程"----中间用竖线2,首页校园课程用li的右/左border,然后单独处理最后/最前一个,让它的当做竖线的border:none;3,2的方法中,border当作分隔线,有时会感觉线的高度太高(大于字体高度),如果想用和字体高度差不多的,或者有渐变效果的,就需要自己作一个1px宽的图片,当做li的背景,不平铺,定位到右边或者左边.我一般都采用第3种方法,如果有什么不懂,可再交流..
介绍两种方法
1.带竖线的字,在每个导航标记后面加入 '|'这个就是竖线
2.直接用边框
单个导航的样式加上:border-right:1px solid #ddd;
聚焦有时候会出现一闪一闪的黑色竖线,在css当中有此属性 caret-color
当我们想要改变竖线的颜色的时候,只需要输入颜色的指即可
当我们不想要这个竖线的时候,只需要输入 caret-color: rgba(0, 0, 0, 0);
总结如下