リスト(list)の外部CSS

リスト(list)を外部CSSで指定して検索エンジン上位表示を狙う!

アクセスアップの基本は、検索エンジン最適化です。

リスト(list)も外部からスタイルシートで指定することで、検索エンジン上位表示を狙えます。

初心者でも簡単にできるようにHTMLCSSのサンプルソースを掲載していますので、コピペしてアクセスアップに活用して下さい。

初心者でも簡単にアクセスアップできる詳しい方法は、SEO初心者の検索エンジン最適化!自分でSEO対策をご覧ください。。

外部CSSで指定できる!リスト(list)のスタイルシート

当「SEO初心者のHTML,CSS辞典」では、SEO対策に効果があると思われるCSSしか掲載していませんので予めご了承下さい。

リストマークを指定 ; list-style-type
リストマークなし 黒い丸(<ul>のデフォルト) 白い丸 黒い四角 数字(<ol>のデフォルト) アルファベットの小文字 アルファベットの大文字 ローマ数字の小文字 ローマ数字の大文字

リストマークの位置を指定 ; list-style-position
リスト項目の表示外に表示(デフォルト) リスト項目の表示内に表示

リストマークに画像を指定 ; list-style-image
リストマークを画像に指定 リストマークなし

リストマークの設定をまとめて指定 ; list-style
リストマーク、リストマーク位置、リストマーク画像をまとめて

スポンサードリンク

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>