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 怎么禁止全屏手机长按弹出的功能菜单