CSS3

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">

.menu{

	list-style: none;
	text-align: center;	
	margin-top:50px;
	display: block;
}

.menu li{

	background-color: #666666;
	display: inline-table;
	margin: 5px;
	color:#fff;
	padding:20px;
	border-radius: 1em;	
	width: 5em;
	height: 1em;
	text-align: center;
	box-shadow: 0px 2px 0px #000;

}

.menu li >a{
	color:#fff;
	text-align: center;	
	text-decoration: none;
	border-radius: 1em;	
	width: 5em;
	height: 1em;
}



.menu li >a:HOVER{
	color:#fff;
	text-align: center;	
	text-decoration: none;
	border-radius: 1em;	
	background:#126843;
	width: 5em;
	height: 1em;

}

.menu li:HOVER{
	color:#fff;
	text-align: center;	
	text-decoration: none;
	border-radius: 1em;	
	background:#126843;
	width: 5em;
	height: 1em;

}

</style>

</head>
<body>
<ul class="menu">
	<li><a href="">회사소개</a></li>
	<li><a href="">도서</a></li>
	<li><a href="">자료실</a></li>
	<li><a href="">질문답변</a></li>
	<li><a href="">동영상강의</a></li>
</ul>

</body>
</html>

 

 

 

 

 

 

about author

PHRASE

Level 60  머나먼나라

무엇을 신성하다 할까, 사람의 육체이노라. -월트 휘트먼

댓글 ( 0)

댓글 남기기

작성