2015年10月7日水曜日

括弧つきリストをBloggerのCSSに組み込む

リスト要素でカッコ付き数字や丸囲み数字を使うには「text-indent」をマイナスにする | ネットに書かれていないことを綴る
http://control.shado.jp/2012/0715175207.html

上記のサイトを参照して、Bloggerの括弧つきリストを調整してみました。
CSSは次のとおりです。
ul.notice li {
    list-style:none;
    text-indent:-1.5em;
    padding-left:1.5em;
}
このCSSを貼り付けるには、次の番号の順に辿り、⑤の部分にCSSを貼り付けて、ブログに適用すればOKです。


実際にリストを括弧付きにするには、具体的に「(1)」や「(2)」といった番号を振ってやらなくてはなりません。自動的に連番は変更されません。あしからずご了承ください。
<ul class="notice">
    <li>(1) 項目1</li>
    <li>(2) 項目2</li>
</ul>
試しにリストを作りました。このブログでは、最近、
  • (1) 官庁統計、特に犯罪統計の使い方について
  • (2) 原発事故の影響を危機管理上の観点から分析すること
  • (3) セキュリティ産業とテロ行為との相互依存的関係をふまえて犯罪予防上必要な対策を提言すること
  • (4) 日本社会の行く末に大きな影響を与えそうな出来事に係る他者の統計的分析を追試すること
などを扱っている(はずな)のです。

0 件のコメント:

コメントを投稿

コメントありがとうございます。お返事にはお時間いただくかもしれません。気長にお待ちいただけると幸いです。