css 背景透明:css 控制背景

以下内容为程序代码
  <style>
h3 {color: #cc6600}
p.greentext {color: green}
p.greenbg {background-color: #ccefcc}
p.sky {background-image: url(../image/cdbk009a.jpg);}
  </style>

用 css 你不但可以改变整个网页的背景你还可以控 
制其他元素的的背景,比如 p,div 等。这一节我们 
将要讨论的性质有 
color: 文字的颜色 
background-color: 背景颜色 
background-image: 背景图象 
background-repeat: 重复背景图象 
background-attachment: 是否冻结背景图象 
文字的颜色
我们用 color 可以来决定文字,周边,以及横线的颜色 
  p.greentext {color: green}
请看下面的例子 
以下内容为程序代码
<table width=400>
<tr><td bgcolor="#ffffcc">
<p class="greentext">这一行文字的颜色是绿色的</p>
</td></tr></table>

背景的颜色
背景的颜色可以由 background-color 来控制, 比如我们想叫一些文字段落的背景颜色为
浅绿色的, 
  p.greenbg {background-color: #ccefcc}
请看下面的例子 
以下内容为程序代码
<p class="greenbg">这一行的背景颜色是浅绿色的</p>

背景的图象
我们不但可以给整个网页加个背景图象,我们还可以给其 
中一个元素加个背景图象,比如说我们给 p 的背景加上天 
空的背景 
  p.sky {background-image: url(../image/sky.jpg)}
请看下面的例子 
给元素背景加颜色或加图象使得我们能自由的强调一些我 
们想让大家注意的文字。而没有 css 我们只能改变整个网 
页的背景颜色或图象 
我们不但可以决定是否给背景加图象, 还可以确定是否让 
这个图象重复以及在哪个方向重复。比如我们只让图象在 
整个网页的竖直方向重复我们就可以去掉左边有个图象条 
的效果。  本文链接http://www.cxybl.com/html/wyzz/CSS/20120601/27370.html

时间: 2024-08-10 05:11:20

css 背景透明:css 控制背景的相关文章

css控制网页背景透明而内容不透明实现代码

标准浏览器里采用的是rgba背景透明,IE则可以使用滤镜.  代码如下 复制代码 .box{background:rgba(2,32,90,0.8);filter:progid:DXImageTransform.Microsoft.Gradient( startColorStr=#cc02205A, endColorStr=#cc02205A)} rgba模式参数分别是(红色r,绿色g,蓝色b,透明度a),透明度范围0-1. IE的滤镜#aa02205A,前2位使用十六进制表示透明度,范围从00

【原】CSS实现背景透明,文字不透明,兼容所有浏览器

11.11是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~ 进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成为了所谓的"购物节",双11也算了,后面还要搞双12,不得不吐槽下. 于是呢,熬夜加班做了11.11的活动,在PC端遇到了透明背景和透明图片的问题,其实以前也遇到过,只是没有总结起来,就忘记了,这次又撞墙了,

CSS实例教程:PNG背景透明在网页设计中的运用

文章简介:PNG的背景透明在网页中应用比较广泛,但浏览器的兼容问题一直很让人头疼,用的CSS滤镜再变通一下也能实现PNG背景半透明的兼容问题,只不过不支持背景的定位而已,也就是说不支持CSS SCRIPT. PNG的背景透明在网页中应用比较广泛,但浏览器的兼容问题一直很让人头疼,用的CSS滤镜再变通一下也能实现PNG背景半透明的兼容问题,只不过不支持背景的定位而已,也就是说不支持CSS SCRIPT. 一.CSS 滤镜(两种方法) 一般能用CSS处理的就尽量不要用JS了,个中的原因,你懂的--

CSS 背景透明

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <meta http-equiv="

CSS控制背景图像平铺实现边框阴影效果

一款用CSS控制背景图像平铺,从而实现区域边框阴影的效果,虽然用到了图片,但可贵之处是本代码不管你需要阴影的区域是多大,它都能自动适应,因些还是很值得收藏一下的,兼容所有的IE浏览器.   复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

CSS实现背景透明,文字不透明(兼容各浏览器)

原文:CSS实现背景透明,文字不透明(兼容各浏览器) 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明.而IE6/7/8浏览器不支持 rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置 position:relative才能不继承其父元素的透明滤镜,代码如下: 1 <!DOCTYPE html PUBLIC "-

css/js实现png图片ie6下背景透明实现代码

在IE6直接显示(包括内容中直接插入.作为背景图片)PNG-24格式的图片,是不能正确显示透明.半透明内容与其他内容的叠加呈现效果的.那些IE7+以及其他标准浏览器中漂亮的虚化.淡出.投影效果,在IE6-中很可能成了一坨难看的灰色. 如果你无法忍受ie6中难看的灰色,如果你无法放弃半透明叠加的效果,你会有机会遇到这个问题的.解决途径有不少.这里列举一些,以供参考: 1,修改设计效果,使之可以整块透明区域被切片而不影响显示效果.或者去掉半透明效果. 2,htc文件 这里的htc,和宏达手机是无关的

关于CSS控制背景图的问题

于想设置可变背景,所以想用CSS控制背景图 如果单是改变颜色的可以实现 但在用背景图时设置平铺无效 以下代码直接放在应用的网页中没有问题 但放在CSS里时,只能显示实际大小的背景图,无论设置平铺还是其它都没有改变 各位兄弟来支支招,先谢谢了, 代码: <style type="text/css"> <!-- body {         background-image: url(/目录1/目录2/bg.jpg);         background-repeat:

CSS透明属性详解及背景透明继承解决办法hack

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:  代码如下 复制代码 .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个