http://d.hatena.ne.jp/gorone333/

「ドロップシャドウ」で影を付けてはどうでしょうか？

urlはダミーです。

ちょっと質問の意味が取りにくいのですが、

1.ウェブ用のコンテンツ（ホームページとか。拡張子がhtmとかhtmlなどのもの）をつくっている。

2.イラストレーターでイラスト（拡張子が.aiとか.epsとかを作っている。

1.の場合のアドバイスとしては、

のスタイルシートをのぞくと、そのサイトの人がちょっと面白いことをして解決していることがわかります。

.hatena-module{

margin: 0 0 15px 0;

padding: 0 0 0 0;

width: 100% ;

position: relative;

border-right: solid 2px #e5e5e5;

border-bottom: solid 2px #e5e5e5;

background-color: #ffffff;

}

.hatena-moduletitle,

.hatena-moduletitle a{

border: none;

color: #000000;

}

.hatena-moduletitle{

font-size: 100%;

font-weight: bold;

padding: 0.5em 1em;

margin: 0;

border-top: solid 1px #808080;

border-left: solid 1px #808080;

border-right: solid 1px #808080;

border-bottom: dashed 1px #808080;

color: #000000;

text-align: left;

}

.hatena-modulebody{

padding: 10px 1em;

margin: 0;

font-size: 80%;

letter-spacing: 0px;

border-left: solid 1px #808080;

border-bottom: solid 1px #808080;

border-right: solid 1px #808080;

_width:100%;

}

hatena-moduleという領域の下と右のふちに淡い色で太い線を書き込み、その内側に存在する.hatena-moduletitle、.hatena-modulebodyの領域で細くて濃い色の線を表示することで、結果的に影のついたような風合いになるようにしています。

２．のイラストレーターで作図している場合は

四角を描いたらaltキーを押しながらその四角を少し左上にドラッグすると、元の四角と同じモノがドラッグしたところに出来ます。そして、元の四角の面の色を灰色にすればお望みの感じが出るんじゃないでしょうか？