1. ホーム
  2. CSS
  3. CSS角丸いろいろ

CSS角丸いろいろ

border-radius

ブロック要素に対して角丸ができます。
(IE9以降、Firefox4以降、Chrome5以降、Safari5以降、Opera11.5以降のみ）

border: 3px green solid;
border-radius: 5px;

各箇所を個別に丸くする

border-top-left-radius: 5px;     /* 左上 */
border-top-right-radius: 5px;    /* 右上 */
border-bottom-left-radius: 5px;  /* 左下 */
border-bottom-right-radius: 5px; /* 右下 */

Related posts:

Last update: 2016.03.07 (月)
CSS
俺の前で蓋然性とかフィジビリティとかいう言葉を使うな！ @osamthing

  • Frequently used items

  • Upate

  • Pages

  • Category

  • Tag cloude

    Apache API AWS Backend Bash Blog CakePHP3 CentOS6 CentOS7 Command CSS Design Development Docker Editor Framework GCP Git github Google htaccess Javascript jQuery Laravel Linux Mac MySQL Network nginx node.js Operation PHP rewrite Ruby on Rails Security SEO Shell Silex SSH SSL Symfony2 Tools Website Wordpress xampp

  • Else Contents

  • アーカイブ