한국어
<!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; charset=gb2312" /> <title>테두리 스타일의 시작 속성 </title> <style type="text/css"> .bevelmenu{ 글꼴: 굵은 13px 굴림: 6px 0; 너비: 100%; 텍스트 정렬: 왼쪽; /*값을 "right"로 설정하면 메뉴가 오른쪽으로 이동합니다.*/ } .bevelmenu li{ list-style: none; display: inline } .bevelmenu li a{ padding: 3px 0.5em; 없음; 색상: 검정색; 배경색: #FFF2BF; } .bevelmenu li a:hover{ 색상: 검정색; 테두리 스타일: outset; 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 ">야후< /a> </li><li><a href="http://www.google.com">Google</a> </li></ul> </BODY> </html >
