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

CSS样式表
CSS 表单元素不继承body的字体属性
网页制作学习教程 CSS Position
网页设计学习教程 CSS盒模型
vertical-align 表单元素垂直对齐的解决方法
不用Cookie的仿刷新二级高亮菜单
CSS3 优势以及网页设计师如何使用CSS3技术
CSS 网页制作 提高CSS可阅读性
CSS 样式表中引用图片地址在各浏览器中的差异
CSS Sprite优化 减少HTTP链接数
网页制作中应用的50个CSS技巧(国外)
CSS 英文教程 CSS语法
CSS 网页文字渐变效果
纯css 圆角实现代码
CSS 新的图像替换方法
不必需的样式脚本文件导致页面不能及时更新
CSS 约定写法 利用扩展
最全的CSS浏览器兼容问题小结
CSS 网页图文混排的10个技巧
IE的CSS制作网页技巧3则
创造100% 自适应css布局的行之有效的方法

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


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

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

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