繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS打造色块标题标识
- CSS样式表
- CSS framework日常开发的经验总结
- DIV CSS网页布局的基础知识整理
- css教程:可读性可维护性良好的CSS文件
- css用import还是link的区别
- DIV CSS制作的个性水平导航菜单实例
- XHTML CSS制作样式风格切换的WEB站点
- 学DIV CSS技术,如何入门?
- CSS常用技巧十则
- 动态加载外部css或js文件
- CSS教程:css属性之媒体（Media）类型
- DIV与Table布局在大型网站的可用性比较
- CSS框架带来的效率提升
- 判断用户浏览器及分辨率调用不同的CSS样式文件
- CSS教程:创建性感的CSS样式表
- 实用的CSS常见的问题和技巧总结
- 根据时段自动切换网站的CSS风格
- CSS经典技巧20条总结
- CSS两种方式link和@import
- 比较全的CSS浏览器兼容问题整理总结
- CSS 学习心得
CSS样式表 中的 CSS打造色块标题标识
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 81 ::
收藏到网摘: n/a
不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样的效果，但如果网页上这类图片太多，或是较大时，会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格，因为用CSS只是对颜色的定义，少了图片的应用，所以基本不会影响速度。
这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖，最明显的特点就是表格或标题栏常会加上一条横或竖的色带，如图中圈起来的地方就是这样:
首先，在Dreamweaver MX 2004中为页面添加一个CSS效果类，具体设置如图。
点击OK后，会弹出具体的效果设置，打开其中的border标签，进行如图的设置。
然后将Background标签中的Background Color设置为“#BAEE66”，在你要应用这种风格的表格上添加这个CSS效果就OK了。
应用这种方法，大家可以做出各式各样美观且访问速度很快的表格来，下图是笔者试做的几种风格，大家可以根据border的设定再结合表格的设计来做出各式各样的效果来。
评论 (0) All
