css如何给li里面的文字加上边框
7个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百度知道郭凯旗</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>
这三种都能实现，但不要同时用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<li><span style="border:red solid 1px;">渴切-开源中文css框架</span></li>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先肯定要给li设置高和宽
然后就给li设置上边框就行，代码是border-top:red 1px solid(当然样式随你去设置了)
然后就给li设置上边框就行，代码是border-top:red 1px solid(当然样式随你去设置了)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
li{border:1px solid blue;}其中里面的属性值可以改的，1px、solid、blue是样式可以换成其他的，自己去试试效果吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
其实很简单：li设置上style：widrh 、height 、boder、display:block即可显示边框
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
