第五十一回「何回も調べてしまった覚えてしまいたいCSSまとめ~その二~」


本日も私が何回もやり方を調べてしまっているCSSをまとめて記載します。
基本的なCSSですが、コピペで対応できるように備忘録しておくことによって、コーディング速度の向上を図ります。

■画像ファイルを中央繰り返し表示せず動かないように固定して、さらに背景を大きさによって調整できるようにする。

■使用する画像の角に丸みをつける。

■テキスト部分に下線を付ける。

■テキストの背面にシャドウを付ける。(今回水色)

■非表示にする。

★完成★

レスポンシブデザイン時に「display:none;」を使う場面もおおくありますが、コーディング技術向上の為、極力使わないようにしましょう。