2023年03月28日(火)

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

• 0
• 59
• 136
• 109

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

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

author:

コリス

http://coliss.com

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

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

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

         

‹ PREV

               

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

         

NEXT ›

               

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

関連記事

• CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です
• 「コンテンツSEOを代理店に頼んでいるけど成果が出ない」方によくおすすめする4つのアクション
• オウンドメディアで行うべき改善施策を3パターンの課題別に紹介
• 効果的なFAQページ ベスト25選
• Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能

Ads

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

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