logo网站设计成都建网站
成都网页设计网站制作建网站
首页 | 网站报价中心 | 网站优化推广 | 网页设计技术 | 行业资讯 | 域名主机常识 | 经典案例欣赏 | 网站建设方案 | 行业网特点 | 常见问题 | 美工设计
您当前的位置:成都网站设计工作室 -> 文章中心 -> 网站建设 -> 网页设计技术 -> 文章内容  
网站建设套餐

企业模板型 680元
服务内容
标准个人系列Ⅰ型+.国际顶级域名
主机空间:100Masp动态空间
精美页面:模板建站或20页以内静态页面
网站模块:公司介绍、新闻发布、产品展示、在线订购、留言版、人才招聘、计数器
网站特点:网站风格简洁明快,符合中小企业形象要求。功能紧凑实用,可

功能建站型 1480元-1980元
服务内容:200M/ASP空间,企业邮局(5个邮箱自由分配),.COM/.NET/.CN国际域名一个
制作形式:由我们专业技术和美工为您个性设计,使您的网站独一无二!架设栏目,添加非后台更新内,Access数据库,ASP程序,独立空间,强大后台,支持200-500人同时在线
网站功能:公司介绍,公司动态新闻,公司图片栏目,公司产品库,产品在线订购,会员注册功能,公司招聘,客户留言,联系我们,等栏目;提供强大后台可由客户随意制订,修改,添加,删除

高级建站型 2380元-4260元
服务内容:300M-500/ASP空间,企业邮局(5-30个邮箱自由分配), .COM/.NET/.CN/.COM.CN/.NET.CN国际域名一个,SQL(或Access数据库)制作专业高速安全的ASP或ASP.net程序,独立空间,强大后台,支持500-1000人同时在线
简单说明:(房产,家教,大型文章系统,房地产客户信息管理系统,旅游机票,火车票等预定系统,票务在线系统 ,网络办公OA系统 ,CRM客户资源管理系统,企业进销存系统,客户售后服务管理系统跨国公司产品展示系统,政府采购系统,学校考试系统--填空题考试系统,大型公司系统,中型型公司或个人门户型网站等)

开发定制型 4000元以上 (根据要求定制,价格面议)
服务内容:1024M-20G/ASP空间,企业邮局(5-50个邮箱自由分配), .COM/.NET/.CN/.COM.CN/.NET.CN国际域名一个,SQL(或Access数据库)制作专业高速安全的ASP或ASP.net程序,独立空间,强大后台,支持1000-10000人同时在线
简单说明:(大型房产,大型公司动画网站,英文网络办公系统,教育系统办公自动化系统,多功能信息办公平台,电子政务系统,公司或个人大型门户型网站,大型类似阿里巴巴商业贸


热门文章
· [组图] 5个红色调CSS酷站欣...
· 如何用CSS制作横向菜...
· [组图] 韩国楼盘房地产网站...
· [组图] 黑色调网站欣赏
· [组图] 服装网站欣赏
· [组图] flash案例
· [图文] 房产网站
· [图文] 红黑色调网站界面
· 成都私人建站,个人...
· [组图] 蓝色经典
如何用CSS制作横向菜单 让ul li横向排列及圆点处理
作者:佚名  来源:本站整理    发布人:admin

减小字体 增大字体

第一步:建立一个无序列表

我们先建立一个无序列表,来建立菜单的结构。代码是:

<ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li>
<li><a href="3">服务介绍</a></li>
<li><a href="4">技术支持</a></li>
<li><a href="5">立刻购买</a></li>
<li><a href="6">联系我们</a></li>
</ul>

效果是:

  • 首页
  • 产品介绍
  • 服务介绍
  • 技术支持
  • 立刻购买
  • 联系我们

第二步:隐藏li的默认样式,去掉圆点

因为看起来不是很好看,菜单通常都不需要li默认的圆点,我们给UL定义一个样式来消除这些圆点。

当然,为了更好的控制整个菜单,我们把菜单放在一个div里。页面代码变成:

<div class="test"> <ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li>
<li><a href="3">服务介绍</a></li>
<li><a href="4">技术支持</a></li>
<li><a href="5">立刻购买</a></li>
<li><a href="6">联系我们</a></li>
</ul> </div>

CSS定义为:

.test ul{list-style:none;}

说明:“.test ul”表示我要定义的样式将作用在test的层里的ul标签上。

现在的效果是没有圆点了:

首页
产品介绍
服务介绍
技术支持
立刻购买
联系我们

第三步:关键的浮动

这里是菜单变成横向的关键,我们给li元素加上一个“float:left;”属性,让每个li浮动在前面一个li的左面。

CSS定义为:

.test li{float:left;}

效果是:

首页产品介绍服务介绍技术支持立刻购买联系我们

看,菜单变横向了。就这么简单!下面需要做的就是优化细节了。

[] [返回上一页] [打 印] [收 藏]
下一篇文章:网页设计的色彩思考

版权所有 成都网站建设超市
地址:成都洗面桥5号 邮编:610041