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

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

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