CSS 圆形菜单栏,带有html5和css3

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 圆形菜单栏,带有html5和css3相关的知识,希望对你有一定的参考价值。

a {
    text-decoration: none;
}
nav {
    background-color: #A3A5A8;
    border: 1px solid #FFF;
    border-radius: 6px;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 14px #123;
    -webkit-box-shadow: 0 0 14px #123;
    box-shadow: 0 0 14px #123;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 8px 2px;
    width: 450px;
}	
nav a {
    padding: 5px 10px;	
    color: #141414;
}
nav .active,
nav a:hover {
    background-color: #000;
    border-radius: 6px;
    color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

以上是关于CSS 圆形菜单栏,带有html5和css3的主要内容,如果未能解决你的问题,请参考以下文章

html5 浮动侧滑菜单栏怎样实现

前端特效制作 | CSS3圆形风格面包屑导航

CSS3超酷移动手机滑动隐藏側边栏菜单特效

10款必学的HTML5/CSS3菜单!

html5 css3 怎么制作简单的进度条

用html5+js+css3 怎么禁止全屏手机长按弹出的功能菜单