我想复制此页面http://oakespavers.com/(左侧)上的按钮样式,并具有相同的悬停效果。每次我尝试时,只有框中的文本受到影响。我希望整个 div 在鼠标悬停时更改颜色并保持代码非常简单。
问问题
708 次
1 回答
1
这可能会做到:
HTML:
<a href="#">Home</a>
<a href="#">Our Blog</a>
<a href="#">Contact US</a>
CSS:
a {
border-radius: 5px;
font-weight: 600;
text-align: left;
font-family: "Verdana", "Geneva", "sans-serif";
text-transform: none;
letter-spacing: 0px;
font-weight: bold;
font-size: 12px;
display: block;
padding: 10px 20px;
color: #666;
background-color: #E1E1E1;
text-decoration: none;
width: 225px;
margin: 5px;
}
a:hover {
color: white;
background-color: #75D039;
}
这是一个例子 的小提琴</p>
于 2012-11-29T21:14:13.060 回答