角丸影付き

こんにちは
池田光男です

こんにちは
池田光男です

こんにちは
池田光男です

CSSでradius box-shadowを使います。

/* 背景色と角丸 / background-color: #ff00ff; border:solid 1px #000000; border-radius: 30px; / 角丸の半径 */

/* 外側に影を付ける / / 影の水平方向オフセット、垂直方向オフセット、ぼかし、広がり、色 */
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.5);

box-shadow　の最後の１pxはぼかし方であることに注意してください、数字が大きいほどボケます。
rgba の aは透明度　radius　真ん中のが　0.2であることに注意してください。１が最高です。