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

お知らせ

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

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

2021.07.01

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

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

2021.07.01

猫のイラスト

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

2020.02.05

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

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

2019.08.06

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

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

2019.04.11

Twitter