css样式竖线怎么写

html-css030

css样式竖线怎么写,第1张

1,"首页|校园|课程"----中间用竖线2,首页校园课程用li的右/左border,然后单独处理最后/最前一个,让它的当做竖线的border:none3,2的方法中,border当作分隔线,有时会感觉线的高度太高(大于字体高度),如果想用和字体高度差不多的,或者有渐变效果的,就需要自己作一个1px宽的图片,当做li的背景,不平铺,定位到右边或者左边.我一般都采用第3种方法,如果有什么不懂,可再交流..

竖线 理论双来说是我们以为是竖线,其实有可能是键盘上的符号“|”,也有可能是 某一控件(div、span等等)设置宽度为1px,高度比如20px 然后加border或者background做出来的效果。

1、html没有直接插入竖线的代码,但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器,新建一个html文件,写入基本的html结构:

2、然后插入一个div标签,在上方的style标签里面设置div的css样式,这里给div设置背景颜色,并给它一个高度,宽度设置为0,设置border-left属性即可做出竖线:

3、最后打开浏览器,即可看到一个蓝色的竖线了: