第一次手写css代码,好酸爽;
实现一个比较正常的导航栏,效果如下:
登录的效果还是十分的有意思:
.header_right a.btn{
background: #FFF none repeat scroll 0% 0%;
font-weight: 700;
padding-left: 10px;
padding-right: 10px;
color: #F56857;
}
.header_right a.btn:hover {
border: 2px solid #FFF;
background: transparent none repeat scroll 0px 0px;
color: #FFF;
}
.btn {
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
}
这是一个<a>标签class为btn
首先改变了它的背景和字体颜色(原背景为红,字体为白),改为字体为红,小范围<a>标签背景为白,并且圆角;
然后再鼠标移上来的时候改变光标为Pointer,背景再次变为红,字体变白,边框仍为白,效果很有意思0.0
就是字体的样式比较土,改字体出现一个问题一直没有解决:
font-family: 宋体;
错误提示:Font property font-family does not have generic defaultless... (Ctrl+F1)
This inspection verifies that the CSS font-family property contains a generic font name as a fallback alternative
如有知道如何处理请联系我谢啦~