degitekunote2ノートの落書き感覚で発信する情報ブログ、その名も「デジテクノート2」。ScRfixeder」公開しますWeb制作・ものづくりCSS3のFlexboxで作ってみる2016年に流行ったスマホカラムレイアウトWeb制作・ものづくりAltを可視化するChrome拡張機能作りました「見え〜るAlt」Web制作・ものづくり【結構簡単】ブラウザアクションボタン発火の自作Chrome拡張機能の作り方&サンプルWeb制作・ものづくりWeb制作・ものづくりの記事一覧へ今年2019年買ってよかったものコラム&ライフログ24歳ってヤング時代(18歳〜)の最後なんだってよ。【結果DP-X1A最高!】AK70と迷いに迷って買ったDP-X1Aはやはり最高でした。GoogleCSSというスタイルシート言語は本当に奥深いですよね。私もCSSに出会ってもう4年程経ちますが、今なお学ぶことが山のようにあります。そんなCSSはデザインを行う上でほぼ全てのデザインを再現することが出来ます。実際ベクトルデータを編集するソフトなどはCSSエクスポート等ができちゃったりしますよね。今回はそんなCSSに関するHowToで、CSSで一部の角取りをする方法をご紹介します。かんなり簡単に出来ます。Googleborder-radiusで一部角取りしようぞやり方は至って簡単なのでまずは結果からどうぞ。具体的な方法はCSSにて下記指定をしてあげるだけです。border-上下指定(top/bottom)-左右指定(right/left)-radius例えば右上の角取りをするときは下記指定をしてあげます。border-top-right-radius:{50%}同じように右下の時はこんな感じ。border-bottom-right-radius:{50%}左下の場合はこんな感じ。border-bottom-left-radius:{50%}左上の場合はこんな感じ。border-top-left-radius:{50%}border-radiusはborder-top-right-radiusという形でも指定が出来るようですね。いや〜簡単にできるものですね。