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

お知らせ

飯塚ガス株式会社様のホームページ

飯塚ガス株式会社様のホームページをリニューアルさせていただきました。 ↓ http://www.ii … 続きを読む

2021.08.11

直方市シルバー人材センター様のホームページ

直方市シルバー人材センター様のホームページをリニューアルさせていただきました。 ↓ https:// … 続きを読む

2021.07.01

宗像歯科医師会様のホームページ

宗像歯科医師会様のホームページをリニューアルさせていただきました。 ↓ https://dental … 続きを読む

2021.07.01

猫のイラスト

猫のイラストです。 … 続きを読む

2020.02.05

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

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

2019.08.06

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

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

2019.04.11

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

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

2019.04.01

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

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

2018.12.01

2019年カレンダー

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

2018.12.04

猫の昼寝のイラスト

illustratorは便利なソフトです。 いろんな種類の猫を描くのもお茶の子さいさい。(ひさしぶり … 続きを読む

2018.09.26

猫のイラストを描く

仕事が一段落ついて時間ができたので、illustratorを使って猫のイラストを描いています。 … 続きを読む

2018.09.25

ネコのアルバム

今年は可愛い猫との出会いがありました。 フリーソフトでスライドショーを作りました。 猫日和 チビ猫“ … 続きを読む

2017.12.19