ブログ全体のフォントを変更してニヤニヤしている
開発5日目。
ということで、
より丸っぽい雰囲気にするべく
記事一覧ページの「read more...」の枠の四隅を丸くすることにしました。
気になっているのはこの部分。
角に過剰に反応するのは私だけでしょうか???(*´ω`*)
右クリック→【検証】より
.blog_postPreview_*****
を探す・・・・。
「blog」関連で怪しいのは、
あたりかな。。。。
右端に「******.css」ってあるからcssのデータかな???
src/styles/blog.module.css
にこんなコードを発見!
blog.modure.css
で発行されるっていう意味なのかな??「css 枠線 丸くする」で検索してみる。
これが使えそう(*^^*)
👆このサイトのリンクはこちら
border-radius: 10px;
にすれば角が取れるコードを追加する⭐
できたー\(^o^)/
今回はすごく簡単に角が取れましたーーーー(*^^*)(*^^*)
こんな日が続くといいな〜
▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね
RSSリーダーにatomのリンクを登録すると通知が行くよ🐌
https://herohoro.com/atom
やってみてね(*´ω`*)(*´ω`*)
フォロー大歓迎\(^o^)/
フォロー大歓迎\(^o^)/