纯CSS3实现带有字体图标效果的灰白色下拉网站导航.zip资源-CSDN文库

共7个文件

css：2个

eot：1个

html：1个

版权申诉

css3

128 浏览量 2022-10-31 23:58:29 上传评论收藏 73KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯CSS3实现带有字体图标效果的灰白色下拉网站导航.zip （7个子文件）

132689917542909833

css

iconic.css 4KB

img

denim.png 20KB

fonts

iconic_stroke.eot 30KB

iconic_stroke.svg 39KB

iconic_stroke.otf 44KB

style.css 3KB

index.html 2KB

<!DOCTYPE html> <html lang="en"> <head> <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> <meta charset="utf-8"> <title>纯CSS3实现灰白色下拉导航</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <link href="css/iconic.css" media="screen" rel="stylesheet" type="text/css" /> </head> <body> <div class="wrap"> <nav> <ul class="menu"> <li><a href="#"><span class="iconic home"></span> Home</a></li> <li><a href="#"><span class="iconic plus-alt"></span> About</a> <ul> <li><a href="#">Company History</a></li> <li><a href="#">Meet the team</a></li> </ul> </li> <li><a href="#"><span class="iconic magnifying-glass"></span> Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">App Development</a></li> <li><a href="#">Email Campaigns</a></li> <li><a href="#">Copyrighting</a></li> </ul> </li> <li><a href="#"><span class="iconic map-pin"></span> Products</a> <ul> <li><a href="#">Widget One</a></li> <li><a href="#">Widget Two</a></li> <li><a href="#">Web App Three</a></li> <li><a href="#">Web App Four</a></li> <li><a href="#">Crazy Products</a></li> <li><a href="#">iPhone Apps</a></li> </ul> </li> <li><a href="#"><span class="iconic mail"></span> Contact</a> <ul> <li><a href="#">Contact Us</a></li> <li><a href="#">Directions</a></li> </ul> </li> </ul> <div class="clearfix"></div> </nav> </div> <div style="text-align:center;clear:both"> </div> </body> </html>

评论收藏

内容反馈

版权申诉