css字体之间的竖线怎么实现的??

css字体之间的竖线怎么实现的??,第1张

<!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>

希望能帮到您。

介绍两种方法

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

2.直接用边框

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11912246.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存