网站教程
如何给css文字导航上面加上边框 Css代码
来源:m1938     阅读:2895

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>m1938</title>
<style>
li a{display:block; width:100px; height:20px; border:1px solid red;}
li span{display:inline-block; width:80px; height:20px; border:1px solid blue;}
li{display:inline-block; width:80px; height:20px; border:1px solid black;}
</style>
</head>
<body>
    <div>
       <ul>
          <li><a href="http://lovepy.com">这里是文字</a></li>
          <li><a href="http://lovepy.com">这里是文字</a></li>
          <li><a href="http://lovepy.com">这里是文字</a></li>
       </ul>
       <!--第一种  end-->
       <ul>
          <li><span>这里是文字</span></li>
          <li><span>这里是文字</span></li>
          <li><span>这里是文字</span></li>
       </ul>
        <!--第二种  end-->
       <ul>
          <li>这里是文字</li>
          <li>这里是文字</li>
          <li>这里是文字</li>
       </ul>
        <!--第三种  end-->
     </div>
 
</body>
</html>

网站教程
相关推荐
苹果MACCMSv10源码模板安装常见问题
购买m1938的苹果cmsv10模板安装出现模板文件不存在:index\index.html
m1938专属:苹果CMS幻灯片添加教程(适配模板+快速生效)
苹果mac8X标签参数
苹果cmsV10网站分类SEO优化静态设置教程

首页

消息

购物车

我的