[HTML/CSS 예제] 순서없는 리스트 메뉴에 마우스 오버시 색 변경

실행 소스

<?xml version="1.0" encoding="EUC-KR" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

.content {

position: absolute;

margin-left: 155px; width: 640px;

}

.menu {

position: absolute;

width: 150px;

}

/* div {

border: thin red solid;

} */

.out {

width: 800px; margin: 0px auto; /* 위아래 0px, 좌우 auto */

}

div.menu ul {

list-style: none;

padding: 0px; margin: 0px;

}

div.menu ul li a:HOVER {

background-color: #ddd;

}

div.menu ul li a:LINK, a:VISITED {

text-decoration: none;

}

</style>

</head>

<body>

<ul>

</ul>

</div>

은석은 태연이 옆에 있으면 '사귀자'라고 한다고 했다.

</div>

</body>

</html>

실행 결과

은석은 태연이 옆에 있으면 '사귀자'라고 한다고 했다.

저작자표시 비영리

'Dev. 웹 > CSS' 카테고리의 다른 글

[CSS] Text - 글자에 지정되는 css 서식 (0)	2014.10.31
표준 지원 색상 ( 17가지 기준 색상 포함 - 한글명 표기) (0)	2014.10.27
[HTML/CSS 예제] 구역 위치(position), 이미지 가져오기 (0)	2012.09.12
[CSS 예제] 마우스 위치에 따른 글자 효과주기 (0)	2012.09.12
[CSS 예제] border, padding, margin, font.. (0)	2012.09.12

소림사의 홍반장!