2023年03月28日(火)

CSSで角丸を美しく実装する方法、相対角丸のテクニック

• 0
• 59
• 135
• 108

角丸を外側と内側のパネルに使用した際、違和感を感じたことはありませんか？
数値的には同じ値の角丸を使用しても、内側の角丸の方が少し大きく見えて、不格好になってしまいます。

この外と内の角丸をバランスよく美しく、CSSで実装する相対角丸のテクニックを紹介します。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

プレゼンの内容もスライドもCanvaのAI機能で作ってみた

         

NEXT ›

               

ノーコードでタスクを自動化できる、ChatGPTの組み込みも可能なオープンソースのZapier代替・「Activepieces」

関連記事

• これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
• Kindle GWセール（後半）は5/9まで！ デザイン書・Web制作の解説書・イラスト関連の良書が、半額以下でお買い得です
• Google の Navboost と Glue に関する解説・考察
• 2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式
• SEOに取り組む企業が”今”考えるべき生成AIについて｜セミナーレポート

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSSで角丸を美しく実装する方法、相対角丸のテクニック』についてまとめています。

この記事は特にSEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。