[CSS]フォームをリスト要素で並べたスタイルシートのチュートリアル

woorkのエントリーから、フォームの各項目をリスト要素で並べたスタイルシートのチュートリアルの紹介です。

フォームの各項目をリスト要素で並べたイメージ

FORM elements design using CSS and list (ul and dl)

チュートリアルのスタイルシートでは、labelとinputを包括する「li」に、margin, paddingなどの指定をしています。

包括指定をする際にdivを使用していましたが、リストで実装した方がしっくりくるかも。

sponsors

top of page

©2024 coliss