위의 css소스에서 border-top-color:#ff0 이라고 쓰기
-소스-
--html--
<!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" lang="ko">
<head>
<title> 네비게이션 메뉴 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/btn2.css" />
</head>
<body>
<ul id="nav">
<li><a href="http://www.naver.com">네이버</a></li>
<li><a href="http://www.google.com">구 글</a></li>
<li><a href="http://www.daum.net">다 음</a></li>
</ul>
</body>
</html>
--css--
@charset "utf-8";
body{margin:0px;padding:0px;font-family:"맑은 고딕","malgun gothic"}
ul,li{margin:0px;padding:0px;list-style:none}
a{text-decoration:none}
#nav{float:left}
#nav li{float:left;border-bottom:1px solid #666}
#nav li a{display:block;padding:30px 50px;color:#f00;font-weight:bold;background-color:#ffff00;border-top:5px solid #000}
#nav li a:hover{color:#00f;background-color:#e38d43;border-top-color:#66ffff}
'프로그래밍 > Html & CSS' 카테고리의 다른 글
| html문서의 기본 뼈대 (0) | 2014.08.13 |
|---|---|
| overflow (0) | 2014.08.13 |
| Margin & Padding (0) | 2014.08.13 |
| 블록레벨 엘리먼트 및 인라인 엘리먼트 (0) | 2014.08.13 |
| RGB색상표 (0) | 2014.08.13 |