css样式竖线怎么写

html-css07

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

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

你是这样画的吗?

<div style= "width: 2 height: 200 background-color: red "></div>

少了什么没？

或者用HR也可以啊：

<hr width= "1 " size= "200 " color= "red ">

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        #test li{

            list-style: none

            float: left

            margin-right: 10px

        }

    </style>

</head>

<body>

<ul id="test">

    <li><a href="#">企业采购</a></li>

    <li>|</li>

    <li><a href="#">客户服务</a></li>

    <li>|</li>

    <li><a href="#">其他</a></li>

</ul>

</body>

</html>

希望能帮到您。