[css初心者] ポイント三種類くらい簡単にまとめてみた

css

こんにちは、タカフミです!

今回は僕がLP模写をするにあたって分からなくて調べたことを復習用で簡単にまとめようと思います。

楕円もどきの書き方

こんな感じの楕円もどきを書きたいってなったとき最初さっぱりだったんですよ。


図形だからphotoshopのcssカンニングでいいやとか思ってたのですが、

調べてみたらborder-radiusを使えばいいことが判明しました。

冷静に考えればそうですよね、、、

頭カチカチでした笑

border-radiusを50%に設定してwidthとheightで調整すれば完成です。

スライダー

これは矢印を押して画面を切り替えるやつですね!

全然できなくてなかなか苦労しました笑

詳しくは下の記事にまとめたので是非!

listの横書き

これはプロゲートの最初で習いましたね。

float:leftとかってやれば左寄せで並べることができますが手間が多いんですよね。

そこで発見したのがflex-boxです。

display:flexでどうにかなるので便利です笑

これも詳しくは下の記事にまとめました。

まとめ

  • 楕円もどきはborder-radius
  • sliderはslickを使おう
  • list横並びはflex-box

今回はこんな感じで終わりにしようと思います。