list装飾
css3でlistを装飾するサンプル
サンプル1
1. 円1
- a
- abbr
- address
- area
- article
- aside
- audio
- b
- base
- bdi
- bdo
- blockquote
2. 円2
- body
- br
- button
- canvas
- caption
- cite
- code
- colgroup
- col
- data
- datalist
- dd
3. 四角1
- del
- dfn
- div
- dl
- dt
- embed
- em
- fieldset
- figcaption
- figure
- footer
- form
1
2
3
4
5
6
list装飾の考察
WEBサイトで応用的にメニューに使われる以外で、普通にlistなんて使うのかどうか、よくわからなくなってきた今日この頃。
主なcssやテクニック
- data-…
- 独自データ属性(又は、カスタムデータ属性)。すべての HTML 要素に自分で設定した属性名と値を指定することができる仕様。
- content:attr(属性名)
- 属性名の値を表示
ページトップへ
小
閉