日本語
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html" /> <title>border-style の outset 属性</title> <style type="text/css"> .bevelmenu{ フォント: ボールド 13px アリアル; マージン: 100%; /*値を「right」に設定すると、メニューが右に移動します*/ } .bevelmenu li{ list-style: none; } .bevelmenu li a{ padding: 3px 0.5em;なし; 色: 黒; 境界線: 2px #FFF2BF; } .bevelmenu li a: 黒; 境界線のスタイル: } bevelmenu li a :active{ /* マウス クリックの効果は IE 以外のブラウザでのみサポートされます*/ border-style: inset; } </style> </head> <BODY> <ul class="bevelmenu">< li><a href="http://www.sina.com">新浪</a> </li><li><a href="http://www.163.com">NetEase</a> > </li><li><a href="http://www.baidu.com">百度</a> </li><li><a href="http://www.yahoo.com ">yahoo</ a> </li><li><a href="http://www.google.com">Google</a> </li></ul> </BODY> </html >
