Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2020年04月13日(月)

サイトマップやDOM構造など、階層構造のツリービューをリスト要素で実装するスタイルシートのテクニック

/* It's supposed to look like a tree diagram */

.tree, .tree ul, .tree li {

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative;

}

.tree {

    margin: 0 0 1em;

    text-align: center;

}

.tree, .tree ul {

    display: table;

}

.tree ul {

  width: 100%;

}

    .tree li {

        display: table-cell;

        padding: .5em 0;

        vertical-align: top;

    }

        /* _________ */

        .tree li:before {

            outline: ...

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

今日のwebデザイン記事ランキングを見る

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『サイトマップやDOM構造など、階層構造のツリービューをリスト要素で実装するスタイルシートのテクニック』についてまとめています。

この記事は特にLINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ