CSS>cssデザインメモ。自分の勉強用

cssデザインメモ。自分の勉強用

2018年8月27日

cssでちょっとしたデザインをメモしていきます。背景画像系はまだまだ面白く操作できそうだ。

ボックスの左上と右下にアイコン画像を設置して、引用文などに使えるデザイン

リストの右橋にアイコンをつける

右から少しずらしたい場合

見出しを強調したボックスデザイン

border-radius:左上 右上 右下 左下
また、h2とpにはmarginがあるので0に設定しておく

フォームをデザインする時

フォーム部分でのセレクタは多い

入力フィールドとボタンをかっこよく