calcで計算
calc()を使うことで、単位が違っても幅などの計算ができます。
幅の自動計算に便利です。
演算子の前後には、半角空白が必要なので注意してください。
![](https://tumaboki.com/wp-content/uploads/2020/11/19320d7821cf4cc7b36ceae6b6a7c83d.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/cddbb107b01e08429de275a79a1e621b.png)
要素に影をつける
box-shadowプロパティで要素に影をつけることができます。
値は、幅、高さ、ぼかし、拡大、色を指定できます。
text-shadowプロパティで文字要素に影をつけることができます。
![](https://tumaboki.com/wp-content/uploads/2020/11/56ed710ff185937b21c1df61ae2db770.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/d33c6450d3fa6af48a8579237475cf7b.png)
背景画像のスタイリング
backgroundプロパティで背景をスタイリングできます。
size/position 色or画像 で一括設定できます。
![](https://tumaboki.com/wp-content/uploads/2020/11/07272b46645e4d16d1f7108085509a2d.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/142b7f6e21d64d8c58d85029f5d89350.png)
画像を左右に配置
floatプロパティを使うと、画像を左右に配置できます。
clearプロパティを使うと、文章と画像が、上下のブロック範囲で重ならなく設定できます。
![](https://tumaboki.com/wp-content/uploads/2020/11/8161502828b0da1d064b6ee584d7a227.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/9107d425c807630d29419dd351230f07.png)
コメント