本日も私が何回もやり方を調べてしまっているCSSをまとめて記載します。
基本的なCSSですが、コピペで対応できるように備忘録しておくことによって、コーディング速度の向上を図ります。
■画像ファイルを中央繰り返し表示せず動かないように固定して、さらに背景を大きさによって調整できるようにする。
■使用する画像の角に丸みをつける。
■テキスト部分に下線を付ける。
■テキストの背面にシャドウを付ける。(今回水色)
■非表示にする。
★完成★
レスポンシブデザイン時に「display:none;」を使う場面もおおくありますが、コーディング技術向上の為、極力使わないようにしましょう。