2013-12-09 29 views
0

我想在我的网页中实现用户配置文件状态栏。为此,我做了以下:在CSS中的用户配置文件状态

<ul style="width:250px;background-color:#F5F5F5;"> 
    <li style="width: 20%;background-color:#abb230;"/> 
</ul> 

对于这个代码我得到下面的结果:

enter image description here

所以在这里我想删除子弹的绿色栏的左侧,并让绿色条向左冲洗。

我也试着这样做:

<ul style="width:250px;background-color:#F5F5F5;list-style:none;"> 
    <li style="width: 20%;background-color:#abb230;"/> 
</ul> 

但是,这使得整个<ul>元素消失。

回答

4

尝试:

ul { 
    width: 250px; 
    background-color: #F5F5F5; 
    list-style-type: none; 
    padding: 0; 
} 
li { 
    width: 20%; 
    background-color: #abb230; 
    height: 20px; 
} 

DEMO here.

+0

这个伟大的工程! thanx很多 –

+0

@Shabarinath欢迎:) – Hiral

1
ul 
{ 
    list-style-type: none; 
    list-style-position:inside; 
    margin:0; 
    padding:0; 
} 

这将帮助你

+1

我都试过,但它不工作,这样做整个UL被消失 –

1

对 “UL” 下面的造型。

list-style:none; 

快速指针。避免太多内联样式。从结构上单独介绍逻辑

相关问题