Pickupニュース

CSS matic: Border Radius
Webサービス

CSS matic: Border Radius

CSS角丸シミュレート
Webブラウザ上でborder-radiusプロパティ用のCSSコードを出力するWebサービスです。

CSS matic: Border Radiusのご利用はこちらから

Webサイト

動画デモ

CSS matic: Border Radiusの動画デモです。

https://www.youtube.com/watch?v=YcC2EXszXcw

解説

  1. All Cornersで全体の角丸を指定します。
  2. Top LeftTop RightBottom LeftBottom Rightで個別に角丸を指定します。
  3. Border Widthで線の幅を指定します。
  4. Border Styleで線の種類を指定します。
  5. Border Colorで線の色を指定します。
  6. Background Colorで背景書を指定します(これはプレビュー用でスタイルシートには反映されません)。
  7. Copy Textボタンをクリックして生成されたスタイルシートをコピーして使用します。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

記事ランキング