CSSの助けをお願いします。（ol li stuff）

Question

私はカスタムオールリストをやっています。私は実際にol、ul、liのためのショートカットcss wiseと混同します。

私が欲しいものを教えて、サンプルコードを提供すれば誰かが助けてくれますか？

[OK]をので、私はそう...

​​

は私がやりたいことはli要素内スパンクラスを繰り返されていないので、おそらくあなたは助けることができるように番号付きリストの後にしています。

また、私はそれぞれの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; 

：あなたなしのdivの左にあるすべてのテキストをフロートするために探している場合li要素

Answer 1

ため

Answer 2

使用CSSプロパティbackgroundスパンタグを使用すると、次のように使用できます（テキストの一部のみをCSSで選択することはできません）

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

円で囲んで数字をliとしたい場合は、画像を使用してbackground:url()プロパティを使用する必要があります。