designWeb全般webmasterデザインメモTOPコーディングCSSCSSで手描き風のボタンにデザインするCSSを使ってボタンをデザインする方法はいろいろありますが、今回はボーダーを利用してボタンを手描き風に表現する方法を紹介します。手描き風ボタンの作り方CSSのborder-radiusプロパティを使用することで手描き風にボタンをデザインすることができます。#333;}border-radiusプロパティの値の半径をスラッシュで区切ることで重ねることができます。例では、前半に左上と右下の半径を「10px」、右上と左下の半径を「50px」にして後半の値にはその逆の値を指定してあげます。あとは、線の種類や太さなど指定すれば完成です。DEMO以上が、CSSを使って手描き風のボタンをデザインする方法となります。