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

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

6560a4f6cb19a1c4ff8ff42485da56cb.png

(图一)

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

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

290941106316b2cbd216c67bb00a1f9a.png

(图二)

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

b11c1dc0956c3e9806c0cd4398589156.png

(图三)

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

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

3f72f7128e7ee2adda82c1bb73625734.png

(图四)

出处:电脑报

责任编辑:三分油菜田

◎进入论坛网页制作、网站综合版块参加讨论

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/392847.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

101与金根回顾敏捷个人:(13)敏捷个人和敏捷开发

本文更新版本已挪至 http://www.zhoujingen.cn/blog/1726.html ------------------------- 敏捷个人源于工作 自2001初成立了敏捷联盟到现在10年的推广,敏捷开发已日渐成为当前IT行业软件开发的一种主流方法。没有银弹,任何方法都不可能解决所有问题&a…

Exchange server 2010系列教程之三 发送邮件测试

最近有些忙,好几天没有上来写教程了,接着往下写吧。就当是自己的学习笔记,呵呵,有不到之处,还请大家多多指教。 上一篇我们已经把服务器架设好了,那么我们来测试一下发送邮件。 1.首先在AD DC上面新建一个域…

华科的计算机和建筑学哪个强,华中科技大学和华南理工大学相比,谁更占优势?看了也许就知道了...

大学是学生接受教育的过程中非常重要的一个阶段,很多学生都会尽可能在高考中,考出更好的成绩,争取报考一个更好的大学。为了提升教育水平,我国到目前为止建设了超过3000所大学,其中有很多高等院校非常相似,…

uic计算机课程表,美国UIC大学研究生毕业率能达到多少?申请条件、专业课程汇总...

UIC大学也就是伊利诺伊大学芝加哥分校,这所学校始建于1982年,该校拥有东、西两个校区,皆位于美国第二大商业中心芝加哥市的心脏地带,地理位置优势显著,UIC大学有着丰富的教学资源和出色的教学水准,那么接下…

Tegra3 vSMP架构Android运行时CPU热插拔及高低功耗CPU切换

Tegra3采用vSMP(VariableSymmetric Multiprocessing)架构,共5个cortex-a9处理器,其中4个为高性能设计,1个为低功耗设计: 在系统运行过程中,会根据CPU负载切换低功耗处理器和高功耗处理器&#x…

近5年133个Java面试问题列表

2019独角兽企业重金招聘Python工程师标准>>> Java 面试随着时间的改变而改变。在过去的日子里,当你知道 String 和 StringBuilder 的区别就能让你直接进入第二轮面试,但是现在问题变得越来越高级,面试官问的问题也更深入。 在我初…

PowerShell与活动目录

自从发布以来,Windows PowerShell已经成为Windows自动化平台的选择。它的强大和灵活已经在许多环境中被许多Windows技术所证明。不幸的是,在活动目录支持方面,PowerShell 1并没有什么可以炫耀。从基础角度,微软提供了ADSI“类型加…

MyBatis-Plus入门Demo详解

一.简介: 引用官方文档(本文主要参考官方文档示例): MyBatis-Plus(简称 MP)是一个 MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。 愿景 我们的愿景是成为 MyBatis 最好的搭档,就…

RHEL 5基础篇—常见系统启动类故障

常见系统启动类故障 在linux系统的启动过程中,涉及到MBR主引导记录、GRUB启动菜单、系统初始化配置文件inittab等各方面,其中任何一个环节出现故障都有可能会导致系统启动失败。因此一定要注意做好相关文件的备份工作。 1、MBR扇区故障 MBR引导记录位…

PVS 6.1 Configuring Services Failed

好久没有更新了,嘿嘿,更新一个。 项目中遇到一个问题,PVS安装到最后一步报错,如下图: 环境:PVS 6.1,数据库是SQL Server 2005 SP4 查了一下文档,PVS 6.1支持SQL Server 2005 SP4 排查…

jsp论坛网站模版_网站关键词优化怎么做

说到网站关键词优化,大多企业都很陌生,建站公司说的关键词优化头头是道。跟听天书似的,51商务网小编为大家总结的网站优化方法希望可以帮到大家,首先要说的是做网站优化第一点就是要有耐心,如果很长时间没有收录的话&a…

go 列出已经安装的包_Go 安装教程

一、在 Windows 上安装 Go 环境首先在 Go 官网 下载 Windows 系统下的一键安装包。然后双击打开该文件,一直点 Next 就行。注意这里默认是安装到 C 盘,建议不要修改,因为环境变量会自动设置,如果安装到其他盘,那么可能…

【转】spin_lock、spin_lock_irq、spin_lock_irqsave区别

为什么80%的码农都做不了架构师?>>> 转自:http://blog.csdn.net/luckywang1103/article/details/42083613 void spin_lock(spinlock_t *lock);void spin_lock_irq(spinlock_t *lock);void spin_lock_irqsave(spinlock_t *lock, unsigned lon…

七年级计算机上教学计划,初一教学计划模板锦集5篇

初一教学计划模板锦集5篇时光在流逝,从不停歇,我们又将迎来新的教学工作,我们要好好计划今后的教育教学方法。那么一份同事都拍手称赞的教学计划是什么样的呢?以下是小编为大家整理的初一教学计划5篇,仅供参考&#xf…

我的世界服务器玩家在线时间,将公布上线时间?我的世界中国版网易520前瞻

【17173专稿,转载请注明出处】《我的世界》中国版最近一段时间动作不断。网易CEO丁磊在财报电话会议上公布了《我的世界》手游版会在7月份推出,结合《我的世界》中国版的公告提及:”《我的世界》中国版即将在暑期上线“。如此看来手游版和PC版…

ftpwebrequest 无法加载或初始化请求的服务提供程序_jvm之类加载机制

什么是类加载每个编写的".java"拓展名类文件都存储着需要执行的程序逻辑,这些".java"文件经过Java编译器编译成拓展名为".class"的文件,".class"文件中保存着Java代码经转换后的虚拟机指令,当需要使…

云服务器怎么设置域名,云服务器域名设置在哪里

可能不同的云服务厂商域名设置的方式略有不同,不过,大体来讲,方法应该都差不多的。下面我们以1.打开浏览器,搜索西部数码官网并登陆账号密码,到会员中心。2.进入管理中心后,在左侧的业务管理中找到3.点击服…

RHCE 学习笔记(9) 网络管理

n这一节本来按照教学大纲应该是学习SSH,不过SSH有很多网络相关的知识,因此老师把网络内容提前了一些。网络的基本知识例如IP,DNS,DHCP,路由协议等常识就不在此解释了。 RHEL查看网卡的相关信息很容易,ifcon…

用原生js封装get方法

get方法的封装 首先我们看一下用原生js来发送请求的步骤: 1.创建请求对象 .var xhrnew XMLHttpRequest(); 2.创建open方法确认请求方式和地址 xhr.open(get,url) ps(记住get方法有参数的话在url后面用?符号连接再加上参数如:url?num3,多个参数用&符号连接); 3.监听事件…

10一个应用阻止关机贴吧_手机该不该每天关机一次?看完才知道这么多年白用了...

晚上习惯关机睡觉的朋友们在哪里?举起你们的手让小编看看!那么问题来了,你为啥要关机睡觉?是担心手机“睡眠不足”,还是担心屏亮会让你忍不住的熬夜?然而,有朋友认为手机应该每天关机一次&#…