当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > ul+li及css制作韩国风格菜单代码

CSS样式表
event.currentTarget和document.activeElement用法
指定网页doctype解决CSS Hacking
揭开迷惑 理解CSS的浮动Float
css网页布局中注意的几个问题
H1的位置对SEO的影响
网页制作与CSS的UTF-8和GB2312编码问题
CSS制作政府公文的代码
不要使用的HTML标签(WEB标准网页布局)
CSS网页设计时关于字体大小的设计
css教程:网页字体及字体大小的设计
描述性列表UL和DL的表现形式
CSS Alpha透明相关知识学习
关于W3C CSS标准的一些经验
CSS3属性选择符介绍
CSS网页布局的好处与坏处
div css制作网页实战笔记心得
Opera下cloneNode的bug
CSS:清除浮动的最优方法
由浅入深实践学习 Web 标准
另一个角度谈谈DIV CSS

CSS样式表 中的 ul+li及css制作韩国风格菜单代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 71 ::
收藏到网摘: n/a

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

韩国网站的设计风格特征鲜明,色彩明快,现在越来越多的人正在模仿这种风格。
韩国风格的网站设计思路之所以受到大家的喜欢,因为其色彩变化丰富,韩国风格的网站有一个最明显的特点就是对于表格或是标题栏常会加上横或竖的一条色带。我们平常是常过图象图片软件来制作这样的效果,图片体积大,下载较慢。我们完全可以用CSS来做这样的风格,因为用CSS只是对样式定义,不需要应用图片,下载速度会大大加快。
首先我们定义了列表项,宽度外边距及内边距。再设置链接文字的样式。我们使用类aa、bb、cc来定义不同列表项的色彩,在这三个类的定义中,我们定义了上边框为4px。也就是韩国风格中最常见的色带。