リストを入れ子にして階層構造を表現したサイトマップを紹介します。メンテナンス性が高いのもポイントです。 デモページ リストを入れ子にしてサイトマップの階層構造を表現しています 罫線は、垂直方向と水平方向の２種類の画像を背景に指定しています。li要素全てにおいてlist-style-type: none;を指定します。フォントサイズはここでは100%にしています。
[CSS]リストを入れ子にしたメンテナンスしやすいサイトマップ | IT女子のお気に入りフォルダ
リストを入れ子にして階層構造を表現したサイトマップを紹介します。メンテナンス性が高いのもポイントです。 デモページ リストを入れ子にしてサイトマップの階層構造を表現しています 罫線は、垂直方向と水平方向の２種類の画像を背景に指定しています。li要素全てにおいてlist-style-type: none;を指定します。フォントサイズはここでは100%にしています。
[使える CSS テクニック] CSSを使った見栄えの良いサイトマップ | バシャログ。
第 7 回目は「CSSを使った見栄えの良いサイトマップ」です。 今回は、Web サイト構成をすばやく確認できるように見栄えのいいサイトマップを紹介したいと思います。 以下のようなツリー構造のサイトマップを作成してみます。 sample 1.画像を用意 以下のような画像を使用します。 アイコンから伸びる点線はなるべく長くします。 2. XHTML はリストの入れ子で XHTML <ul> <li><a href="#">ホーム</a> <ul class="category"> <li><a href="#">会社案内</a> <ul class="page"> <li><a href="#">会社概要</a></li> <li><a href="#">コンセプト</a></li> <li><a href="#">沿革</a></li> <li><a href="#">社長挨拶</a></l
![[使える CSS テクニック] CSSを使った見栄えの良いサイトマップ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
