如何使用css代码制作网站导航栏
这篇文章主要介绍了如何使用css代码制作网站导航栏,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都一家集口碑和实力的网站建设服务商,拥有专业的企业建站团队和靠谱的建站技术,十余年企业及个人网站建设经验 ,为成都上千客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设,高端网站设计,同时也为不同行业的客户提供成都网站制作、做网站的服务,包括成都电商型网站制作建设,装修行业网站制作建设,传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联。
垂直导航栏
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a
{
display:block;
width:60px;
background-color:#dddddd;
}
Home News Contact About
以上效果如下图:
4938c46823e03a3b083cb57c74304db.png
2.水平导航栏
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
Home News Contact About
感谢你能够认真阅读完这篇文章,希望小编分享的“如何使用css代码制作网站导航栏”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
网页标题:如何使用css代码制作网站导航栏
地址分享:http://azwzsj.com/article/pjecgs.html