エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSのみで簡易的な家系図
Result css.tree ul {/*コンテナ包括*/ padding-top: 20px; position: relative; } .tree li {/*各コン... Result css.tree ul {/*コンテナ包括*/ padding-top: 20px; position: relative; } .tree li {/*各コンテナレイアウト*/ float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; } .tree li::before, .tree li::after{/*疑似要素で線を描く*/ content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .tree li::after{ right: auto; left: 50%; bo