スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

[CSS]リストタグの番号を丸数字にする(①、②、③...)

・HTML側
<ol class="MaruNumList">
<li><span>①</span>1つ目のリスト文章</li>
<li><span>②</span>2つ目のリスト文章</li>
<li><span>③</span>3つ目のリスト文章</li>
</ol>

・CSS側
ol.MaruNumList li {
position: relative;
list-style: none;
/*line-height: 1;*/
margin-bottom: 0em;
}
ol.MaruNumList li span {
position: absolute;
top: 0;
left: -1.5em;
}
* html ol.MaruNumList li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.MaruNumList li span { top: -0em; } /* for win ie7 */



参考URL:olタグでカッコ数字や丸数字を使う
このエントリーをはてなブックマークに追加

tag : css html ul ol リストタグ 番号

コメントの投稿

非公開コメント

Translation


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
プロフィール

チーズくん

Author:チーズくん
個人的メモをただ羅列しています。
twitter:@cheese1038

バロメーター
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。