<!-DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="setting.css">
</head>>
<div id=setting>
<ul>
<li><a href=#>登录</a></li>
<ul>
<div>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="setting.css">
</head>>
<div id=setting>
<ul>
<li><a href=#>登录</a></li>
<ul>
<div>
</html>
#setting ul li a {
display: block;
float: left;
height: 50px;
background: #3498db;
text-align: center;
padding: 30px 40px 0 40px;
position: relative;
margin: 0 10px 0 0;
border-radius:5px;//圆角矩形属性
font-size: 20px;
text-decoration: none;
color: #fff;
}
#setting ul li a:hover
{
background: #fa5ba5;
}