欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > CSS/HTML > 经验交流

比较漂亮的一个导航条的效果DIV+CSS

发布时间：2007-03-24　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

导航条的一个效果DIV+CSS现在应用于客齐集网站！复制代码代码如下:*{margin:0;padding:0;list-style:none;}body{font-size:12px;margin:100px;}#info{border:1pxsolid#BCFF1D;width:348px;background:#D6FF8Curl(/upload/200732411541374.gif)no-repeatleftto

导航条的一个效果DIV+CSS
现在应用于客齐集网站！

复制代码代码如下:

找工作

找房子

自行车买卖

带车求职

拼车上下班

技能交换

物品交换

语言交换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>test</title>  
<style>   
* {margin:0; padding:0; list-style:none;}   
body{font-size:12px; margin:100px;}   
#info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(/upload/200732411541374.gif) no-repeat left top;  float:left; }   
#info ul{ margin:5px;width:338px}   
#info li{ width:33%; height:40px; float:left;}   
#info li a{ font-size:12px; font-weight:normal; line-height:35px; display:block;color:#000; text-decoration:none; padding-left:40px;background:url(/upload/200732411542811.gif) no-repeat;}   
#info li a:link,#info li a:visited{background-position:center top}   
#info li a:hover,#info li a:active{background-position:center bottom}   
</style>   
</head>   
<body>   
   
     
       
    找工作   
    找房子   
    自行车买卖   
    带车求职   
    拼车上下班   
    技能交换   
    物品交换   
    语言交换   
     
  
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
作者:zishu

上一篇：DIV+CSS布局教程大全与pdf电子书下载

下一篇：用css来控制图片大小显示的实现方法与代码

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

比较漂亮的一个导航条的效果DIV+CSS

相关推荐

文章分类

热门关键词

热门文章

最新更新