网页制作实践步骤一 导航栏

第一次手写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

如有知道如何处理请联系我谢啦~