位的CSS請幫助（OL李的東西）

所以，我正在做一個自定義的OL李列表，我真的很混淆快捷鍵CSS明智的OL，UL和李的東西。位的CSS請幫助（OL李的東西）

如果我告訴你我想要什麼，並提供一些示例代碼有人可以幫助請。

好了，所以我很喜歡這樣一個編號列表後...

我想要做的是不重複的li元素中的跨度類，所以也許你會有所幫助。

此外，我想編號風格每鋰。

，只要把周圍每個數字的圓圈..

下面是一些CSS的數字。

background: none repeat scroll 0 0 #ec008c; 
border-radius: 1em 1em 1em 1em; 
color: #FFFFFF; 
display: inline-block; 
float: right; 
font-family: inherit; 
font-size: 10px; 
font-weight: bold; 
line-height: 1em; 
margin-left: 0.5em; 
padding: 0.35em 0.5em; 
text-align: center; 
text-decoration: none;

這是SPAN類的一些CSS。

float:right; 
color:#3399ff;

試圖讓它看起來像這樣：

enter image description here

來源

2011-07-18 422

您需要支持哪些瀏覽器/版本？ IE7？ IE8？ – thirtydot

ff chrome and ie9 – 422

如果你正在尋找漂浮在div左側的所有文字，而不使用span標籤你可以使用這個:(不能只選擇CSS的部分文字）

ol li { 
    float:left; 
    color:#3399ff; 
}

如果你想用li在他們周圍有圓圈的數字，你將不得不使用圖像並使用background:url()屬性。

來源

2011-07-18 13:15:44 Phil

爲什麼我必須使用圖像？ – 422

'CSS'目前不提供包含數字的圓圈列表樣式;也許後來在'CSS3'中，但現在不行。 – Phil

我相信我已經看到它完成，bugger – 422

使用CSS屬性background爲li元素

來源

2011-07-18 13:12:41 Hnatt

位的CSS請幫助（OL李的東西）

回答

相關問題