css／divに角丸や影をつける
例として
このサイトのトップページ
トピックスの案内の枠のcss
↓
.topics{
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 5px;
margin-left : 0px;
margin-top : 5px;
margin-right : 10px;
margin-bottom : 5px;
border-width : 1px;
border-style : solid;
border-color : silver;
background-color : white;
width : 265px;
height : 225px;
float : left;
position : relative;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
/*↓影をつける */
-webkit-box-shadow: 2px 2px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 *
}