CSS轻松实现色块标题标识

2016-01-29 12:46 213 1 收藏

CSS轻松实现色块标题标识,CSS轻松实现色块标题标识

【 tulaoshi.com - Html 】

　　不少网站开始采用韩式风格来建站，这种风格的特点是色彩变化丰富、应用动画合理、结构新颖，最明显的特点就是表格或标题栏常会加上一条横或竖的色带，如图1中圈起来的地方就是这样。

　　一般人都会想到用Photoshop等软件来完成这样的效果，但如果网页上这类图片太多，或是较大时，会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格，因为用CSS只是对颜色的定义，少了图片的应用，所以基本不会影响速度。

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

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

　　然后将Background标签中的Background Color设置为“#BAEE66”，在你要应用这种风格的表格上添加这个CSS效果就OK了。

　　应用这种方法，大家可以做出各式各样美观且访问速度很快的表格来，图4是笔者试做的几种风格，大家可以根据border的设定再结合表格的设计来做出各式各样的效果来。

来源:http://www.tulaoshi.com/n/20160129/1487500.html

上一篇：使用Flex结合Webservice完成域名查询
下一篇： Nhibernate的数据分页技术（续）

看过《CSS轻松实现色块标题标识》的人还看了以下文章更多>>

CSS轻松实现色块标题标识 01-29
用CSS轻松实现网上填空 01-29
CSS实现网页中的隔行换色代码 02-19
指尖色块简约彩色风 05-04
CSS网页代码编写技巧：隔行换色的实现 02-19
CSS定义标题的实例讲解 02-19
光影与色块Tadahiro Uesugi illustrations 02-20
CSS隔行换色 02-19
网页设计制作CSS实现隔行换色两种方法 02-19
实现标题条的显示与隐藏 01-29

PHP实现网页自动更新块

标签： PHP

作者：陈新征出处：天极网前言：现在很多有个人主页或者博客的朋友选择租用虚拟主机，而相当一部分虚拟主机支持php。如果你有一个支持php的主机空间，有没有用php把自己的网站武装起来呢？能不能让php为你的网页添加一些每隔一段时间就自动更新的内容，以更好的吸引访客呢？实现这一功能并不需要太高深的编程知识，请看...

HOLA Design色块碰撞的设计风

标签：生活常识

HOLA Design色块碰撞的设计风这家设计时尚的公寓靠近华沙市中心，由波兰的HOLA Design担当室内设计。设计师将内部装饰设定为深色调，搭配深褐色的木地板和明亮的红色厨房。大红色的厨房甚至成为了住宅的核心。碰撞的色块探秘华沙市中心的时尚公寓在华沙市中心的公寓里，这里可谓得天独厚，不仅交通方便，而且还能...

丛林色块雾面美甲教程

标签：美甲

今天带来的教程是这款丛林色块雾面美甲，雾面的感觉其实不是那么难做~让爱米来教你一点小技巧吧~ 第一步：首先，我们要做好基础修甲>>，基础修甲完成之后，我们给指甲上好底胶，底胶照过光疗灯照干之后，我们先做无名指，取出象牙白色，给指甲刷上两边白色的色胶，每一遍都要照干哦~接着用浅绿色的甲油胶画上不规则色块，...

拼接色块 DIY美甲教程图解

标签：美甲

1.首先使用勾线笔沾取甲油，画出不同颜色的色块。 2.可以参考直线的画法，或者色块与直线搭配的方法来画。 3.将色块之间的空隙用甲油颜色，填补上空隙。 4.色块拼接的时候，留出的空隙一定要宽。如果妳拿不准颜色拼接，那么可以参考图片的方法。...

在VB中实现闪动标题栏

标签：编程语言网络编程

摘要在你的应用程序中，你可能会希望将应用程序的标题栏进行闪动，以提醒用户进行某种操作，本文介绍了如何使一个窗口的标题栏进行闪动。闪动标题栏闪动一个窗口的标题栏意味着改变它的标题栏的外观，例如它从活动变为不活动，或是从不活动变为活动等等。只要你能在VisualBasic中得到窗口的句柄，你就可以使用Windows应用程...

查看更多精彩>>