青色柔和的导航条代码特效. - 网页特效代码演示

当前位置：网页特效 > 网页特效演示页

菜单导航特效日期时间特效背景图像特效图层样式特效鼠标特效代码页面窗口特效色彩表格特效文字特效代码表单按钮特效计数转换特效游戏网页特效实例网页特效

青色柔和的导航条代码特效. - 网页特效代码演示 - 特效代码运行

青色柔和的导航条代码特效.

以下是HTML网页特效代码，点击运行按钮可查看效果：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> THE BEAUTIFUL LIST </TITLE> <style type="text/css"> div#BeautifulList{width:300px;margin:20px;font-family: Verdana;} #BeautifulList a{display:block;color:#BBE1E7;padding:10px 15px;background-color:#3DA2B6;border-bottom:dotted 1px #A8D3DA;font-size:12px;text-decoration:none;} #BeautifulList a:hover{color:#fff;background-color:#58AFC0; font-weight:bold; } #BeautifulList h1{margin:0;font-weight:normal;color:#fff;padding:15px;font-size:14px;background-color:#238298} #BeautifulFoot h2{color:white;margin:0; font-size:14px;padding:20px 10px;} /*圆角*/ div.RoundedCorner{background: #3DA2B6} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #3DA2B6} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} </style> </HEAD> <BODY> <div id="BeautifulList"> <h1>THE BEAUTIFUL LIST</h1> <a href="#">Home</a> <a href="#">Blog</a> <a href="#">Photos</a> <a href="#">About</a> <a href="#">Contact Me</a> <div id="BeautifulFoot" class="RoundedCorner">  <h2>Welcome to PureDays.CN</h2> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div> </div> </BODY> </HTML> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>
[提示：可先修改代码再按运行]

当前位置：网页特效 > 网页特效演示页

青色柔和的导航条代码特效. - 网页特效代码演示 - 特效代码运行

刚被其它网友点击的网页特效

搜索查询面板

本月特效排行

本周特效排行

本日特效排行