CSS3 border-radius box-shadow

備忘用に記事を書いておきます。

他人のWebサイトの制作をたのまれてしまい、HTML5とCSS3を再勉強中です。

今のWebサイトのデザインはCSS3の知識が必須です。私の知識はCSS2.1で止まっているのでいろいろ試行錯誤しながらデザインしている段階です。

CSS3の中でも「bordar-radius」と「box-shadow」については使いこなせて当然というぐらい、必須のようです。

samplefish.jpg

画像のボーダーを丸や楕円にし、影をつけるだけで印象が変わってきます。

ちなみにテキストに影をつけるtext-shadow」というものもあります。

関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。
プロフィール

Deka-E

Author:Deka-E

ブログ4年目のブロガーです。
HTML/CSSが理解できる程度で成長が止まってます。
JavaScriptはサッパリ分からんです。

カウンター
総閲覧者数:
現閲覧者数:
検索フォーム
ジャンル別リンク
★は相互リンクさせていただいています

RSSリンクの表示
カレンダー
05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
Twitter
管理人Deka-Eのツイート
サイドバー2下の追尾スペース