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 *
}

お知らせ

チラシのデザイン・制作サービスはじめました

伝えたいことを、わかりやすく! スキルのフリーマーケット「coconala(ココナラ)」でチラシのデ … 続きを読む

2019.08.06

飯塚医師会様のホームページ作成

一般社団法人 飯塚医師会様のホームページを作成。リニューアルオープンしました。 ↓ http://i … 続きを読む

2019.04.11

㈱シンシアテクノス様のサイト開設

㈱シンシアテクノス様のサイトを開設しました。 ↓ https://sincere-tecnos.co … 続きを読む

2019.04.01

いいづか看護師転職バンク様のサイト開設

「いいづか看護師転職バンク」様のホームページを開設しました。 飯塚市周辺(筑豊地区)で転職を考えてい … 続きを読む

2018.12.01

2019年カレンダー

2019年のオリジナルカレンダーを作りました。 今年も猫のイラストのデザインにしました。 お世話にな … 続きを読む

2018.12.04

Twitter

電話で問合せ