背景画像を隙間に表示させて枠のように表現する事もできます。borderの各プロパティは、各上下左右に対して、太さ・スタイル・色の指定が可能。全ての各要素に指定可能で、ウェブサイトデザインでは良く利用されるプロパティです。すれば上の線だけを指定border-top、border-right、border-bottom、border-leftで上下左右を設定。3種類すべてをまとめて一括指定できる。順序不同で各省略可能なとても便利な短縮(省略)形のプロパティです。border-styleborder利用時に必須項目。ブラウザによって色や形が違う場合があります。0);色の指定は、色名・16進数・三原色の割合でも指定可能です。borderプロパティ各border毎のプロパティを利用するよりも、borderプロパティを使った方が簡潔です。red;となりますが、borderプロパティを利用すれば下記の様に短縮できます。1px;下線だけを引く事も可能です。インライン要素に部分的に利用する事も可能です。枠線の太さによる幅の計算にも注意しましょう。画像に枠を付ける事で立体的に表現できます。ある質問で「リンク画像の枠線を無くしたい!」方が多く、リンク画像にデフォルトで青い枠が表示されるので、デザイン的には古臭い感じのウェブサイトになってしまいます。#FFFFE0;画像の枠を加工する。画像自体にドロップシャドウで影を付ける額縁に入れたような写真や、GIFアニメーション。(CSS3ではなく背景画像で設定)既に公開した多くの画像がある場合、1枚1枚ドロップシャドウを掛けるのは大変です。ドロップシャドウは、JavascriptやIE用のフィルターでも各種の表現が出来ますが、HTMLとCSSで、表示画像の裏に影になる背景画像を設置し、2枚の画像をズラして表示されるように、配置する方法もあります。効かないバグもあります。回避方法もありますが、標準準拠モードでは正しく解釈されます。positionを使わない単純な方法は以下の通りです。}横並びの場合には、float編の設定も必要なので実用性がなさそう。ホームページに影を付けるウェブページ内でコンテンツをセンター配置(真ん中に表示)し、影を付けて立体的に浮き立たせる。高解像度やワイドモニターの普及に伴い、最近増え続けているのが、センター配置とウェブページを浮き立たせる為のサイドシャドウです。一般的な画像処理ソフトでも影の様に作る事は可能です。コンテンツの幅を決定し、その幅と色を合わせてグラデーションかドロップシャドウでコンテンツ幅と影幅を合わせた画像を作る。イメージ画像コンテンツの外側にに更にdivボックスを噛ます。センター配置になるようにmargin:autoを設定。外枠のdivボックスにpaddingを設定するか、コンテンツがセンター配置になるようにmargin:autoを設定。(旧IEでも要確認)1px単位で幅を微調整をすれば綺麗な影が落とせます。