CSS打造色块标题标识
2006-09-25 00:00
281 查看
不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样的效果,但如果网页上这类图片太多,或是较大时,会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格,因为用CSS只是对颜色的定义,少了图片的应用,所以基本不会影响速度。
这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖,最明显的特点就是表格或标题栏常会加上一条横或竖的色带,如图中圈起来的地方就是这样:
首先,在Dreamweaver MX 2004中为页面添加一个CSS效果类,具体设置如图。
点击OK后,会弹出具体的效果设置,打开其中的border标签,进行如图的设置。
然后将Background标签中的Background Color设置为“#BAEE66”,在你要应用这种风格的表格上添加这个CSS效果就OK了。
应用这种方法,大家可以做出各式各样美观且访问速度很快的表格来,下图是笔者试做的几种风格,大家可以根据border的设定再结合表格的设计来做出各式各样的效果来。
这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖,最明显的特点就是表格或标题栏常会加上一条横或竖的色带,如图中圈起来的地方就是这样:
首先,在Dreamweaver MX 2004中为页面添加一个CSS效果类,具体设置如图。
点击OK后,会弹出具体的效果设置,打开其中的border标签,进行如图的设置。
然后将Background标签中的Background Color设置为“#BAEE66”,在你要应用这种风格的表格上添加这个CSS效果就OK了。
应用这种方法,大家可以做出各式各样美观且访问速度很快的表格来,下图是笔者试做的几种风格,大家可以根据border的设定再结合表格的设计来做出各式各样的效果来。
相关文章推荐
- CSS打造色块标题标识
- CSS轻松实现色块标题标识
- CSS轻松实现色块标题标识
- 纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!
- css控制标题长度超出部分显示省略号
- css控制标题长度超出部分显示省略号
- 推荐css打造经典鼠标触发显示选项
- 纯CSS打造的Family tree(族谱)
- Visual Studio技巧之打造拥有自己标识的代码模板
- 纯CSS打造可折叠树状菜单
- ps+div+css打造蓝色后台--login页面实现,ps切片,浏览器兼容
- 文章标题CSS常用选择器及与HTML结合方式
- div+css+js打造的一款菜单的收缩与展开代码
- 纯css打造最简洁下拉菜单-无js-非常实用
- CSS+JS打造的感应鼠标的QQ伸缩菜单
- 页面定制CSS代码初探(六):h2、h3 标题自动生成序号 详细探索过程
- CSS截取标题...
- jQuery+CSS打造的网页背景颜色切换效果
- CSS控制文章标题长短代码