表格的css样式
<html>
<style>
li.tab_sel
{
/*float:left;*/
list-style:none;
Font-weight: bold;
Color: white;
Height: 20px;
Line-height: 20px;
Border-width: 1px;
Border-style: solid;
Padding-left: 20px;
Padding-right: 20px;
background-color: #4D4F53;
Text-decoration: none;
Text-transform: uppercase;
}
li.tab_sel:hover
{
Background: #7AB800;
Color: #000000;
}
#title{
height: 20px;
width: auto;
padding:0px;
margin:0px;
}
#title ul{
width: auto;
padding:0px;
margin:0px;
float:left;
}
</style>
<div class="title">
<ul>
<li class="tab_sel">a</li>
<li class="tab_sel">b</li>
<li class="tab_sel">c</li>
</ul>
</div>
</html>上面的代码产生如下的效果：
如何将A/B/C放置于最左边呢？左边和上边都不留空白
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
你的css还可以优化,一般写css之前要清空默认样式,如果只是demo的话直接
li.tab_sel
{
padding-left: 0px;
}