当前位置：首页 > 资讯 > 技术文档

CSS打造色块标题标识

时间：2020-07-07 04:30 编辑：来源：阅读：
扫一扫，手机访问

摘要：CSS打造色块标题标识

[b]不少网站开始采用韩式风格来建站.[/b]一般人都会想到用Photoshop等软件来完成这样的效果，但如果网页上这类图片太多，或是较大时，会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格，因为用CSS只是对颜色的定义，少了图片的应用，所以基本不会影响速度。这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖，最明显的特点就是表格或标题栏常会加上一条横或竖的色带，如图中圈起来的地方就是这样: 　

[img]http://www.webdn.com/web_file/css/C0608048/images/04b6dce826897d610d35348cba10b2b4.jpg[/img]

　　　　首先，在Dreamweaver MX 2004中为页面添加一个CSS效果类，具体设置如图。

[img]http://www.webdn.com/web_file/css/C0608048/images/d48858c3c4fcc1467127524f2ac29f44.jpg[/img]

　　点击OK后，会弹出具体的效果设置，打开其中的border标签，进行如图的设置。

[img]http://www.webdn.com/web_file/css/C0608048/images/b966dc3a8e272301da06abd8d10d359a.jpg[/img]

　　然后将Background标签中的Background Color设置为“#BAEE66”，在你要应用这种风格的表格上添加这个CSS效果就OK了。　　应用这种方法，大家可以做出各式各样美观且访问速度很快的表格来，下图是笔者试做的几种风格，大家可以根据border的设定再结合表格的设计来做出各式各样的效果来。

[img]http://www.webdn.com/web_file/css/C0608048/images/f7a7875644191b078c086baac22eb0d1.jpg[/img]

全部评论(0)

上一篇：XHTML与HTML之间的区别
下一篇：Flash页面如何通过校验

资讯排行榜
更多>>