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
PHPのクラスキャッシュとかオプティマイズとかnpmの便利タスクランナーとかあれ、かつてのコンパイラーみたいだよね。 @osamthing

  • Frequently used items

  • Upate

  • Pages

  • Category

  • Tag cloude

    AngularJS Apache API AWS Backend Bash Blog CakePHP3 CentOS6 CentOS7 Command CSS Design Development 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

  • アーカイブ