用CSS把背景图片平铺

用CSS把背景图片平铺
用CSS把背景图片平铺

用CSS把背景图片平铺

https://www.360docs.net/doc/9a2440433.html, 笔记2010-01-20 16:58:02 阅读1265 评论0 字号:大中小

body{background:url(图片) repeat}

背景{}中添加background: url(图片地址)repeat

详细讲解:

repeat 背景图像在纵向和横向上平铺

no-repeat 背景图像不平铺

repeat-x 背景图像在横向上平铺

repeat-y 背景图像在纵向平铺

repeat:3/*重复3次*/

注意:只能在原图的基础上进行重复!而不能像我们的桌面一样进行扩大填充。

代码如下:

默认代码为:body{background-color:#FFFFFF}

换成以下代码

body{background:url(背景图片地址) background-position: center;background-attachment: fixed;repeat-x #FFFFFF}

这是全屏的背景代码~

在https://www.360docs.net/doc/9a2440433.html,中把背景图片拉伸

body

{

background-image:url('a.jpg');

background-repeat:repeat

}

body{background:#FFF url(背景图片地址) no-repeat 50% 0;} no-repeat不重复

50% 0(水平位置垂直位置) 水平50%既居中,垂直0px

center 也可

DIV+CSS如何让图片文字混排的情况下垂直居中

测试一下

自制U盘背景

when you believe 2009-10-30 17:36:27 阅读52 评论0字号:大中小

首先,将自己打算作为背景的图片放入U盘的根目录。将图片命名为一个由字母或数字的名字。如:abc.jpg,在根目录新建一个文本文件(也就是记事本文件)。输入以下内容(粘贴复制即可):

[ExtShellFolderViews]

{BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD 706EC}

[{BE098140-A513-11D0-A3A4-00C04FD706EC}]

Attributes=1

IconArea_Image=abc.jpg

[.ShellClassInfo]

ConfirmFileOp=0

注意:然後将文件名改为desktop.ini,记住是扩展名为“ini”的文件。右击"刷新"一下,当设置为“不显示已知文件扩展名”的时候,需要做相关的设置才可以改:如:在我的电脑窗口,点击:工具→文件夹选项→然後找到“隐藏已知文件类型的扩展名”选项,将前面的对勾去点即可。

提示:我们还可把图片和desktop.ini隐藏起来,让界面看起来更美观。具体的做法是:选中图片文件和desktop.ini,右击"属性",

把"隐藏"前边的勾选上,点"确定"即可。

这种方法不仅仅适合于U盘,你也可以用在硬盘\移动硬盘\甚至可刻在碟里面.

只要把desktop.ini中的a.jpg替换为所在图片的路径即可,绝对路径或者相对路径都行。

改变U盘图标

效果演示:

把U盘插在电脑上,打开U盘,新建一个记事本文件,输入以下内容:

[autorun]

ICON=123.ico

输入完以後将文件名字改为autorun.inf并保存.

回到桌面,找到刚才做好的ICO文件并将它命名为123.ICO.再将这个文件复制到U盘中.最後将U盘弹出,并重新插上,看到效果了吧!

以上方法同样适用与本地硬盘等存储设备。注意autorun.inf和desktop.ini文件的类型,建议修改的时候选择不隐藏已知文件的扩展名。一切设定好後,可将以上文件选择为只读,隐藏。

个性文件夹背景设置

电脑知识2010-05-21 06:56:47 阅读155 评论0 字号:大中小

你可以改下文件夹背景,在背景上显示一张图。方法只要在该文件夹中放一个desktop.ini的文件就可以了

desktop.ini的文件内容如下

[.ShellClassInfo]

IconFile=E:\a.jpg

IconIndex=0

InfoTip=

[{be098140-a513-11d0-a3a4-00c04fd706ec}]

IconArea_Image=e:\a.jpg

IconArea_Text=0x0000ffff

图片名为a.jpg放在e盘根目录下。再开这个文件夹是不是不一样了背景音乐大全

分享2010-11-12 15:49:37 阅读11 评论0字号:大中小

钢琴:

《Kiss The Rain 雨的印记》(Yiruma) a

《Tears眼泪》(The Daydream)

《YOU&ME》(The Daydream)

《天空之城》钢琴版Carrying Y ou

《Merry Christmas》https://www.360docs.net/doc/9a2440433.html,wrence(坂本龙一《流动的城市》林海《月光边境》林海

《迷失》林海

《远方的寂静》林海

《Canon In D》帕海贝尔

《鸟之诗》钢琴版

小提琴:

《流浪者之歌》萨拉萨蒂

《天空之城》久石让

《小百合》(《云之彼端约定的地方》中的曲子)

《Ave Maria圣母颂》舒伯特

《D大调卡农》帕海贝尔

《斗牛士之歌》萨拉萨蒂

《D大调第一华丽波兰舞曲》维尼亚夫斯基

《24首随想曲》帕格尼尼

《G小调恰空》维塔利

大提琴

《天鹅》圣桑(优雅的天鹅)

《G大调第1号无伴奏大提琴组曲之前奏曲》巴赫(很经典)

《降B大调第九大提琴协奏曲》博凯里尼

《西西里舞曲》福雷(非常有旋律性,好听的曲子啊)

单簧管

《单簧管波尔卡》波兰民谣

《浪漫曲》圣桑(温柔的)

小号

《亚麻色头发的少女》德彪西

《双鹰旗下进行曲》瓦格纳(进行曲)

《阿莱城的姑娘之法朗多尔》比才(较有气势)

《行星组曲之木星》霍尔斯特(温馨,却又有点忧伤的感觉)

《小夜曲》舒伯特(小夜曲,浪漫啊)

《歌之翼》门德尔松(充满着阳光的味道)

长笛

《a小调无伴奏长笛组曲》巴赫(这首曲子被认为是最不像长笛组曲的长笛组曲)

《沉思》马斯涅(浪漫的法国风格)

《培尔·金特组曲之第一组曲晨景》格里格(清新优美的小品)

《阿尔比诺尼柔板》阿尔比诺尼(忧伤、沉重)

以上就是自己很喜欢的好听的曲子哦,其中有古典的,也有现代的(我累啊)

不过真的非常好听。另外喜欢古典乐的话可以去看TV动画《金色琴弦》,很多著名的曲子里

面都有,超喜欢的。

邱比特instrumental

https://www.360docs.net/doc/9a2440433.html,/jiaoshi/gaojunying/music/qiu%20bi%20te.mp3 冰莲

https://www.360docs.net/doc/9a2440433.html,/files/A/S/7SB1KIQ348I.mp3

天空之城

http://59.44.142.130/music/Y/200588/14152/505172.wma

irish lullaby 爱尔兰摇篮曲

https://www.360docs.net/doc/9a2440433.html,/mp3/haian/3.mp3

月あかりの砂のなかに

https://www.360docs.net/doc/9a2440433.html,/himekami/music/song/b12.wma

Sleepless Beauty 清和

https://www.360docs.net/doc/9a2440433.html,/conan/sleeplessbeauty.mp3

别人的浪漫

https://www.360docs.net/doc/9a2440433.html,/uuauth/138/20060922133000.mp3

TVエンディングテーマ

http://61.156.7.14/upload/mp3/yydjm.mp3

愿你喜欢

其他

清流钢琴曲

https://www.360docs.net/doc/9a2440433.html,/007/ape9/sample04.wma

妖精之森钢琴曲

https://www.360docs.net/doc/9a2440433.html,/007/ape9/sample03.wma

风之誓言梁邦彦

https://www.360docs.net/doc/9a2440433.html,/007/ape9/sample02.wma

夕焼け云from 《Furusato Reborn ~ふるさと~》作曲:加羽泽美浓依然不能忘记深深打动我的第二首《晚霞》

https://www.360docs.net/doc/9a2440433.html,/007/ape9/12eveningglow.wma

静寂from 《香》作曲:菅井爱里

这是一片无人的山林

https://www.360docs.net/doc/9a2440433.html,/007/ape9/11Silence.wma

红叶from 《Tofu 东风》作曲:巨势典子

“落红不是无情物,化作春泥更护花”,站在古树旁,仰望枝头的红叶,飘下万千感慨。https://www.360docs.net/doc/9a2440433.html,/007/ape9/10redleaf.wma

09 初霜(はつしも) The First Frost from 《森罗万象》作曲:千世子

这首短小精悍的古筝独奏很奇妙地将音乐与自然交融。

https://www.360docs.net/doc/9a2440433.html,/007/ape9/09TheFirstFrost.wma

木叶旅途from 《お天道さまのゆ·う·と·お·り》作曲:村松健

一片苍老的枯叶,见证了,见证着一段静默的历史变迁。

https://www.360docs.net/doc/9a2440433.html,/007/ape9/08autumnleaf.wma

07 夕阳中的少年from 《紫翠水明》演奏:贾鹏芳

长亭外,古道边。凝望远方,等待如血的残阳,依偎在忽高忽低的远山之间,映射出万千霞辉。让一个游子的背影,依稀刻画在临行的路上。我看见,一张寂寞的脸就这样消融在黄昏的斜晖中。

https://www.360docs.net/doc/9a2440433.html,/007/ape9/07youth.wma

梦の星空《Etude ~A Wish to the Moon~》:久石譲

轻轻的简约旋律,在一开始,令人觉得仿佛从梦中醒来

https://www.360docs.net/doc/9a2440433.html,/007/ape9/06yumenosky.wma

Bretagne 布列塔尼《Campagne de France》

作曲:城之内ミサ

https://www.360docs.net/doc/9a2440433.html,/007/ape9/05Bretagne.wma

04 Water Circles 荡漾from 《Water Circles》作曲:张米亚

不得不说这是非常奇妙的一首曲子。短促而重复的韵律,暗合了水面荡漾开去的环环波纹。https://www.360docs.net/doc/9a2440433.html,/007/ape9/04WaterCircles.wma

3 春景from 《空Sora~心を青く染めるとき~》作曲:京田诚一

这是我听过的除《红》以外少有的极其流畅的二胡旋律。两把二胡,就把整幅春色尽收耳畔。https://www.360docs.net/doc/9a2440433.html,/007/ape9/03spring.wma

02 春野之行from 《Furusato 2 ~古里~》作曲:村松健

所谓“沾衣欲湿杏花雨,吹面不寒杨柳风”

https://www.360docs.net/doc/9a2440433.html,/007/ape9/02springfeild.wma

星空漫游from 《Furusato ~桃源郷イーハトーヴの四季~》演唱:宫沢贤治

很久没听到如此纯洁的多重人声演绎了

https://www.360docs.net/doc/9a2440433.html,/007/ape9/01startravelling.wma

广播电台常用51首背景音乐

梦之林发表于2010年07月30日15:19 阅读(314) 评论(1) 分类:个人日记

举报

广播电台常用51首背景音乐

1.豪勇七蛟龙(The Magnificent Seven)0 `$ A) V1 s7 G i- h

大型颁奖晚会最喜欢用的背景音乐,地球人都知道。伯恩斯坦作曲。! G% \5 R' D& i) Q1 R- S" w

) {5 l; x9 |+ N7 W* V

2.故乡的原风景0 c: X! F; y/ E, O

《神雕侠侣》多次引用,哀伤感人。出自扶桑作曲家宗次郎1991年的专辑《木道》。

O' g; _9 i

https://www.360docs.net/doc/9a2440433.html,TV《天气预报》主题曲/ H Z* o# @" e# O) r) O$ l; _- L' W/ r

据说是迄今为止中间电视台唯一没有改变过的背景音乐,《天气预报》一直使用它。《渔舟唱晚》(即天气预报背景音乐),是当年在上海颇有名气的电子琴演奏家浦琪璋根据同名民族乐曲改编演奏的。她原来是上海乐团的独奏演员,是从“小荧星”艺术团毕业的,在艺术上颇有成就,曾与上海轻音乐乐团合作过许多脍炙人口的曲子,如:《幸福的傣乡》等等。音乐界的屠巴海经常与她合作。这首曲子完成后,浦琪璋便退出乐界。但此曲却因为被黄金档节目央视的《天气预报》采用为背景音乐而受到了广大中国人民的喜爱。当年浦琪璋用“雅马哈”三排键盘的音乐会电子琴改编演奏这首曲子时,也没有想到此曲会成为黄金时段节目的黄金背景音乐,更想不到它会影响到那么多国人。

4.简单的礼物(Simple Gifts)

美国VOA广播电台(**)的SPECIAL ENGLISH(慢速音乐)节目的背景音乐吗?太熟悉了,只不过电台版的速度要比这个快一些。, @* X$ `3 d7 z, ]

.雪的梦幻(Snowdreams)1 I4 Y) J4 _% P- J2 |. H

这首《雪的梦幻》(Snowdreams)出自班德瑞的春野这张专辑。相当经典的纯音乐,被电台和电视台使用的次数已经无法统计,常在一些情感类(尤其爱情,有一点淡淡的哀伤)的播讲中充当背景音乐。: O4 X& v% `1 A( s+ N1 y

6.童年(Childhood Memory)4 y7 q! _3 B" b& r1 v% S7 _

这首《童年》(Childhood Memory)出自班德瑞的《日光海岸》这张专辑。确实曲如其名,让人回想起过去的时光,听了有种想哭的冲动……Long笛与黑管永远是管乐重梦幻组合,叠轻柔的钢琴上,顺记忆穿针引线,副歌中穿插一段凝人和声,是整首曲子接在主题后经营出来的高潮,刚巧呼应着全程串场风铃声,两者在编曲中分工架起,迷雾般的帷幕,带人回溯到孩提时代那段年幼无助但却也无忧无虑的时刻。可惜的是,像这样的甜蜜回忆,一旦成人,能分享的人也所剩无多了。

\7 O; V

7.宋家王朝(THE SOONG SISTER)" D5 U2 W2 X: m) j) Y+ N; ^

这首《宋家王朝》出自扶桑作曲大师喜多郎之手,个人感觉既恢弘又凄婉,港台的电视剧多爱用此背景音乐,比如李若彤版《神雕侠侣》。

M$ e

8.你的笑颜(Your Smile)6 X5 o- n& F3 F. g

这首曲子出自班德瑞的《仙境》这张专辑,似乎常被用电台作为午夜节目的背景音乐。相对于其它几首情感节目的背景音乐,这首曲子并不显得特别悲伤和哀婉,但是一样会触到你的神经。

9.春野(ONE DAY IN SPRING)8 x' q8 Q8 b8 o

《春野》(ONE DAY IN SPRING)出自班德瑞的专辑《春野》,常被用作节目开头的曲子或是新闻、起床曲的开头背景音乐。是一首非常舒缓柔美的经典乐。

10.安妮的仙境(Annie’’s Wonderland)]$ x$ E, d% K" [

《安妮的仙境》(Annies Wonderland)出自班德瑞的《仙境》这张专辑,柔美而有力度,适合朗诵配乐。

11.凤凰卫视《天气预报》主题曲

这首《和兰花在一起》(With an orchid)出自Yanni(雅尼)的专辑《If I Could Tell You》,被凤凰卫视用于天气预报的背景音乐。

12.神秘园之歌(Song From A Secret Garden)# X; D' o# i! K" b& _

这首《神秘园之歌》出自神秘园的第一张专辑《SONGS FROM A SECRETGARDEN》。据说这首歌伤感能**人,让人象迷失在神秘的丛林里,黑暗的看不到天,找不到出口,沉溺在这样的黑暗中,象一个人孤独的坐在路边大树的阴影下,静静看路上人来人往,别人看不到你你也不想被看到,因为你害怕,因为你孤独,你知道这不是什么好事,但只有这样,受伤的心才能感到一丝安全,这样的孤独一直在诱惑你……" Q G6 q! b& K, _+ e& b6 O- Z4 E 13.Windancer- r! i* O3 @& f8 y& j

这首曲子出自神秘园的专辑《White stone》(白石),悠扬舒畅,有品味的书店和FLASH动画都比较偏爱这首曲子。3 ^/ H) Q' _5 E2 _, q5 {0 N% a: D4 D

14.火之战车(CHARIOTS OF FIRE)6 `5 \. k! B1 d) r

很雄壮有力的歌曲,大家应该很熟悉6 u" l6 E: S- o' }% t

2 @5 S9 D. k+ E! i2 \

3 h

15.泪花(TEARS)( a( j* I7 }! s% [7 l) a6 P

纯美的钢琴曲,经常能听到它,可惜关于该曲的进一步资料我就不清楚了。# y0 q) U+ R) C E8 m- x8 ^

多年后,如果我们相逢,我将以何来面汝,以沉默以眼泪……忧伤的琴键中,我却觉得自己被安慰,泪珠在阳光下凝结成了完美的樱花形状,纵然枯萎仍有暖意。那一刹那真的怕极了自己内心里还有任何怨恨与阴骛,一点点,都会让自己无法与曲中的美丽邂逅。多年以后,沉默的我们正如那些无法启齿的往事,会凝成心里的一滴泪吗?抑或就这么被现实的烈阳蒸发掉了,点滴不剩。至少我为你哭泣过,安静的,无声的,伤心的,在岁月无法触摸的角落里,玫瑰花心渐渐老去。

?* W1 H

16.再见police(goodbye)

似乎是一首意大利歌曲,然后被国产影视作品广为引用,最明显的就是《无间道》里《再见police》这首背景音乐使用的就是它。% t. p" r7 p0 g" _% C K, L

17.柔板(Adagio)

《Adagio》(柔板)很柔美,就像它的名字一样,也是很能引发感触的好作品,听了居然不免要落泪,足见其感染力之强!有一些广告就用其作为背景音乐,另外电台的一些情感节目也有用其作为背景音乐。而且,该曲也是朗诵配乐不可多得的好曲子(该音乐出自专辑《Songs From A Secret Garden》)。

Q4 M( a

18. 英雄的黎明

很恢弘的一首曲子,在扶桑动画片《三国志》中出现过,也在95版《神雕侠侣》出现过。

.王都炎上9 W- ^ l3 {1 w) d4 f2 q+ W4 \1 T; A

新白娘子传奇里用过,记得青姐花园站的青姐弹过的,叫断桥。水漫金山后许仙与白娘子在断桥相见时用到过。- u; `, ?: I/ t+ C

! s: O/ l% R- w& E) k8 e

20.爱的罗曼史(Romance De Amor)

学吉他的朋友必弹的曲目。经常在爱情电视剧和青春电视剧出现的曲目。

21.反璞归真(Return To Innocence)! q3 d6 D: Z: K/ B' a

英格玛《The cross of changes》里的经典曲目,中国人寿保险在CCTV上做的广告就用其作背景音乐.

22.天地孤影任我行0 {* c( T* u! [( y1 s) s6 l2 d

东邪西毒-《天地孤影任我行》,那电影开场时开山碎石的背景音乐,极其苍凉雄浑,后来大话西游里紫霞临死这段音乐飘扬的时候,我已忍不住潸然泪下9 G3 }1 I: U+ c) l

23.Bandari - The Soong Sister

天龙八部一首背景音乐,非常洗涤心灵的伤感音乐,尤其是后半段,令人伤感...

24.Forrest Gump - Suite Forrest Gump4 Y9 b+ X4 A6 y8 F

阿甘正传一首令人感到温暖的交响乐,它将和电影一起深深埋藏在我们的灵魂深处,每当听起这首曲子,我便想起了阿甘,他用自己的坎坷经历让我们懂得了如何珍惜眼前的一切,也让我们明白了逆境并不能将我们打垮,我们应该去努力寻找自己的幸福..., }+ i. g1 E% R( X; M5 m 25.Variations on the Kanon by Pachelbel

在电影《我的野蛮女友》中,当全智贤的钢琴声在大学阶梯课室里响起的时候,满脸尴尬的车太贤情不自禁穿过人群,将准备以久的玫瑰送给全智贤。这时满场一片喝彩鼓掌之声,也让我们对爱情充满了无尽的幻想

r; x. p3 _

26.Daydream 白日梦

英国BBC广播网夜间节目配乐常客

27.Greek Meditation 古诗; {- ^1 ^+ q. v+ g+ L0 K% {1 _. f! _

各电视台情感节目用曲% S. v- N) m- u a% d

28.闲云孤鹤" f% D& J- l) g

央视节目间过度背景音乐-闲云孤鹤

W* P$ |

29.印度之花) r2 s' U: Q6 ?' h/ [2 t

Blossoms From India-Sea of Flower 印度之花% u6 w/ f P" s& n8 U5 s$ D

30.喜多郎silk road- {: P' x$ Z1 x. s6 o- V# X+ g

乐曲“丝绸之路”是喜多郎的成名

, ]5 u

31.Caribbean_Blue加勒比海盗

加勒比海蓝.mp3 经典再现-Moonlight Bay! O+ U5 A' l6 G9 V x

5 t2 q# ~2 z4 U; @

32.神思者sens kaishin( x* c; d% ?, O7 h/ \

神思者-sens-kaishin [海神] - 阿普洛迪

33.Bamboo Dance竹舞+ c/ O o0 |$ K! E

水光涟漪之竹舞Bamboo Dance 邵容演奏

M

34.SONG FOR THE LORD! j, D' ?" z5 t5 e

SONG FOR THE LORD献给阁下的歌-班得瑞音乐-寂静山林

35.弥撒(The Mass)

36.Nightingale夜莺& U" e# Z+ W8 w3 \. K- x* K! {) x

雅尼[Yanni]-Nightingale夜莺

37.Children" R- U3 L. N7 W( _

在瑞典出生的Robert Miles,在九十年代以一曲Children大受人们瞩目。此碟更被誉为是“全欧史上最畅销跳舞细碟”,Robert Miles 也因“Children”一曲而声名大噪!虽为舞蹈曲目,但好多电台DJ都拿它作动感的背景音乐,尤其是汽车音乐,爽呆咯; S) d# p' D+ N( `

https://www.360docs.net/doc/9a2440433.html,TV动物世界片头曲Just Blue/ q0 W3 `6 ]( O: `

这首Just Blue 出自Space乐队的1978年专辑《Just Blue》。Space,法国著名的流行电子乐队(synth-pop ),这张专辑是他们最好的专辑,也是最“太空”的专辑,音乐天马行空,旋律美妙无比,在欧洲拥有一大批忠实听众。下面是2个版本,第一个是片中音乐。

https://www.360docs.net/doc/9a2440433.html,TV动物世界片尾曲we stay4 D. o- N+ p* i6 b: {9 f

这首《we stay》,选自专辑《The Arctic Circle 》,来自英国的SKY乐队。音乐属于介于轻音乐和NEW AGE MUSIC之间,探索的成分较浓。音乐中运用了多种乐器,糅合了自然声息强烈的流行音乐风味音律流畅!) g+ D1 ?2 s' A5 v, @+ {# X

& H( e) z$ u" @ S

40.LOVE SONGS FEAST(爱的筵席),CCTV《对话》节目插曲! D. Y" M% `! D

又是一首哼唱音乐,直入灵魂深处……本曲是CCTV《对话》节目插曲,在每次介绍对话嘉宾取得辉煌成就的录像里,常常就是这首空灵的,充满谜一样绚丽色彩的曲子。该曲名为《LOVE SONGS FEAST》(爱的筵席)。莎拉布莱曼专辑《重回伊甸园》中的曲目《SCENE DAMOUR》(爱情场景)也是该曲目。鸡和蛋谁先有,无法考证

q9 h2 ?

41.One Man’s Dream CCTV《对话》主题曲

雅尼最为精彩的一张现场专辑——《Yanni Live At The Acropolis》中的一首《One man’s dream》,每次从cctv-2看那档《对话》的节目时,心里都是一阵莫明的激动。看似卑微的人类,可以在一生中有如此的成就。尤其是当他们年长的时候,回头看看时,或者和我们这些正处于卑微状态中的人对话时。

) s, n% u) s7 \

42.Short Trip Home(回家的路很短)7 {! \2 B9 a/ `6 ?

最早听到这曲就是荷兰队被拒在02年世界杯门外时候CCTV5放了这一曲子。后来在世界杯的时候每每强队要告别世界杯时,这支哀怨的曲子就随之响起,它将人的心情渲染得淋漓尽致。这首Short Trip Home 是专辑《HEARTLAND 》里边的曲子,专辑是约夏贝尔,马友友(大提琴),艾格麦尔(蓝调+摇滚派的低音大提琴演奏家)及马克欧康(乡村小提琴)几个人的精选合成集子。

43.永恒依然-汪正正在奥运期间推出的新曲# r$ d9 D9 u1 e

“是谁波动天地之旅,燃起力量穿越无边……当一切慢慢遥远,永恒依然。”歌手汪正正在奥运期间推出的新曲《永恒依然》近日在中央电视台的几个频道同时播出,成为申奥的代表歌曲和未来广告公司的形象代言歌曲。

o$ \$ V2 X0 q

44.Don’t turn off the light 不要关灯-央视体育频道天下足球背景音乐

拉美音乐领域最炙手可热的人物enrique iglesias,其父就是大名鼎鼎julio iglesias(胡里奥·伊格莱西亚斯)。

45.MagicBoulevard ---世界影视博览的背景音乐-法语歌曲$ [. Z. f5 @- e

这首歌是Francois Feldman 98年同名专辑Magic’boul’vard中的一首,《Magic boulevard》(魔力大道)描述的是关于一个电影院领座员唯美而忧伤的心情。

46. Through The Arbor穿过树荫-央视节目间过度背景音乐

著名钢琴家凯文·柯恩Kevin Kern 以他享有盛誉的美丽钢琴调子来捕捉我们的心,这是他最具有代表性之经典作,曲调不经修饰,却能轻轻松松地令我们不期然地跟着他走进“满园春色关不住”的林荫,不愧是钢琴大师。

47.《勇闯夺命岛》(THE ROCK)主题音乐Rock House Jail6 o5 F) w4 G1 F HOLLYWOOD 动作影片《勇闯夺命岛》(THE ROCK)中的第3段配乐,本曲相当有气魄,节奏感很强,他的主创Hans Zimmer。这段音乐已经被CCT那个V给用滥了,节目里有警-察追击的镜头出现,往往就能听到这段音乐,估计没交版权费;国内有个LJ电视剧也曾经盗用过,好可耻,我的鼻子就是那时给气歪了

48.Bluebird 蓝鸟

2 P9 H1 E0 J

3 Q z9 x各电视台节目大量引用,出自詹姆斯·拉斯特乐队,最受欢迎、流行最广的《蓝鸟》(Bluebird),它不仅保持了乐团原有特色,而且在风格上与其他改编作品有所不同。8 U- F$ B, U; z" B, B. X0 s& m

{49.North Gate - Ron Carnel-TVB瞬间看地球背景音乐

凤凰卫视TVB瞬间看地球的背景音乐6 f9 X }4 [; D

; i- l/ [+ @- M$ v# B0 G9 C

50.Star Of Baghdad巴格达之星8 e6 _! P: N% a2 o8 n* q

《巴格达之星》(Star Of Baghdad)出自班德瑞的专辑《仙境》,依然是听了让人觉得有点伤感的曲子

51.THE GREAT SMOKY MOUNTAINS- 大烟山-美国国家公园系列

5 O h- M! P1 N' K探索频道配乐大师融合全球五大洲音乐元素,呈现精彩听觉冒险

html,表格边框透明

竭诚为您提供优质文档/双击可除 html,表格边框透明 篇一:html的table边框技巧-html表格table边框样式美化 运用css语法美化表格table注:除非特殊声明,本文所举各例插入的表格的cellspacing、cellpadding、border 值均为0。例一:1px表格很多人热衷于制作1px表格,于是发明了各式各样的方法,用css做起来可就灵活的多。如果要制作一个1x1的1px表格只要简单定义一下边框值就可以了。我们首先用dreamweaver插入一个1x1表格,宽度为50,然后在该表格table或者td中定义border:1solidteal,所做的表格的效果如下:但是要制作一个非1x1的表格(如2x2)就稍微麻烦些,因为如果直接定义td样式 border:1solidteal,则显示的效果如下:你会发现表格外框为1px,而里面则变成了2px了,这是由于叠加的原因。为了解决这么问题我们可以这样做:首先为td定义样式:border:#cc0000solid;border-width:0110,这样表格表现为:然后再为table定义样 式:border:#cc0000solid;border-width:1001,这样就可做

作成一个完整的1px表格了。例二:粗边框的1px表格此表格的内格线为1px而外边框为3px,有了例一的基 础做起来就不难了,只要修改border-width值就行了。对table所使用的样式的代码是: border:bluesolid;border-width:3223对td所使用的样式 的代码是:border:bluesolid;border-width:0110例三:虚线框表格做法和例一类似,border-style从solid改为dashed。对table所使用的样式的代码是: border:blackdashed;border-width:1001对td所使用的样 式的代码是:border:blackdashed;border-width:0110例四:点线边框表格注意点线(dotted)的最小象素为2。对table 所使用的样式的代码是: border:greendotted;border-width:20xx对td所使用的样 式的代码是:border:greendotted;border-width:0220例五:双线边框表格注意双线(double)的最小象素为3。对table 所使用的样式的代码是:border:teal4double对td所使用 的样式的代码是:border:teal1solid例六:outset外框表格 对table所使用的样式的代码是:border:3outset对 td所使用的样式的代码是:border:1solid例七:inset外 框表格对table所使用的样式的代码是:border:3inset对 td所使用的样式的代码是:border:1solid例八:ridge外

前端规范CSS规范

来源:NEJ-更好的JS解决方案 搬运工:陈晓勉 CSS规范- 分类方法 CSS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类。 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”,并以此顺序引用(按需求决定是否添加版本号)。 1.公共型样式:包括了以下几个部分:“标签的重置和设置默认值”、“统一调用背景图 和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。 2.特殊型样式:当某个栏目或页面的样式与网站整体差异较大或者维护率较高时,可 以独立引用一个样式:“特殊的布局、模块和元件及扩展”、“特殊的功能、颜色和背景”,也可以是某个大型控件或模块的独立样式。 3.皮肤型样式:如果产品需要换肤功能,那么我们需要将颜色、背景等抽离出来放在 这里。 CSS内部的分类及其顺序 1.重置(reset)和默认(base)(tags):消除默认样式和浏览器差异,并设置部分 标签的初始样式,以减少后面的重复劳动!你可以根据你的网站需求设置! 2.统一处理:建议在这个位置统一调用背景图(这里指多个布局或模块或元件共用的 图)和清除浮动(这里指通用性较高的布局、模块、元件内的清除)等统一设置处理的样式! 3.布局(grid):将页面分割为几个大块,通常有头部、主体、主栏、侧栏、尾部等! 4.模块(module):通常是一个语义化的可以重复使用的较大的整体!比如导航、登 录、注册、各种列表、评论、搜索等! 5.元件(unit):通常是一个不可再分的较为小巧的个体,通常被重复用于各种模块中! 比如按钮、输入框、loading、图标等!

HTML期末复习题含答案

HTML期末复习题(含答案) 单选题 (1)WWW是万维网的意思。答案:B A.网页B.万维网C.浏览器D.超文本传输协议 (2)在网页中显示特殊字符,如果要输入“<”,应使用_<________。答案:D A.lt; B.≪ C.< D.< (3)以下有关列表的说法中,错误的是:。答案:D A.有序列表和无序列表可以互相嵌套。 B.指定嵌套列表时,也可以具体指定项目符号或编号样式。 C.无序列表应使用UL 和LI 标记符进行创建。 D.在创建列表时,LI 标记符的结束标记符不可省略。 (4)以下关于FONT标记符的说法中,错误的是:答案:D A.可以使用color 属性指定文字颜色。 B.可以使用size 属性指定文字大小(也就是字号)。 C.指定字号时可以使用1~7 的数字。 D.语句这里是2号字 将使文字以2号字显示。 (5)以下关于JPEG图像格式中,错误的是:答案:B A.适合表现真彩色的照片。 B.最多可以指定1024种颜色。 C.不能设置透明度。 D.可以控制压缩比例。 (6)如果要在表单里创建一个普通文本框,以下写法中正确的是:。答案:A A. B. C. D. (7)以下有关表单的说明中,错误的是:。答案:C A.表单通常用于搜集用户信息。 B.在FORM 标记符中使用action 属性指定表单处理程序的位置。 C.表单中只能包含表单控件,而不能包含其他诸如图片之类的内容。 D.在FORM 标记符中使用method 属性指定提交表单数据的方法。 (8)在指定单选框时,只有将以下属性的值指定为相同,才能使它们成为一组。答案:B A.type B.name C.value D.checked (9)创建选项菜单应使用以下标记符:。答案:A A.SELECT 和OPTION B.INPUT 和LABEL C.INPUT D.INPUT 和OPTION (10)以下有关按钮的说法中,错误的是:。答案:B A.可以用图像作为提交按钮。

HTML5+CSS3网页美化与布局单元3 网页图片与背景的美化与布局

单元3网页图片与背景的美化与布局 在网页中恰当地使用图像,能够充分展现网页的主题,吸引浏览者的眼球。图像能美化网页、增强视觉效果,使网页锦上添花。将适当的图像与文字有效地组合,实现图文混排,丰富页面内容,提高网页的美感。 【知识预览】 1.HTML5中常用的图片标签 (1)标签 标签用于向网页中嵌入一幅图像。标签创建的是被引用图像的占位空间。 标签有两个必需的属性:src属性和alt属性。 (2)

标签和
标签
标签表示一段独立的流内容(图像、图表、照片、代码等),一般表示文档主体流内容中的一个独立单元,figure元素的内容应该与主内容相关。
标签用于定义
元素的标题,“figcaption”元素应该被置于“figure”元素的第一个或最后一个子元素的位置。 2.CSS的背景设置与定位 (1)背景色的设置 CSS允许应用纯色作为背景,可以使用background-color属性为元素设置背景色,这个属性接受任何合法的颜色值。background-color属性用于设置元素的背景颜色,其取值为指定的颜色或transparent,默认值为transparent,即为透明色。 可以为网页中的任何元素设置背景颜色,也可以为HTML的标签设置背景颜色。 (2)背景图像的设置 在CSS3之前,背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。可以以像素或百分比规定尺寸,如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。 ①background-image background-image属性用于定义对象的背景图像,当背景图像与背景颜色(background-color)同时被定义时,背景图像覆盖于背景颜色之上。其取值可以为none (无背景图像)或者为图像地址,可以使用绝对或相对地址指定背景图像。 ②background-size background-size属性用于定义背景图像的尺寸,其属性值可以为数值或者auto,也可以是percentage、cover和contain。 如果属性值为数值或者auto,用于设置背景图像的高度和宽度,第1个值设置背景图的宽度,第2个值设置背景图的高度,其单位可以为像素(px)或者百分比(%),如果只设置1个值,则第2个值会被设置为"auto"。 如果属性值为percentage,则width和height是针对于背景区域,不是背景图像大小。以父元素的百分比来设置背景图像的宽度和高度,同样第1个值设置宽度,第2个值设置高度。如果只设置1个值,则第2个值会被设置为"auto"。

HTML期末复习试题及参考答案教学文案

HTML期末复习题(含答案) 第1题判断正误 (1)HTML标记符的属性一般不区分大小写。(对) (2)网站就是一个链接的页面集合。(对) (3)将网页上传到Internet时通常采用FTP方式。(对) (4)所有的HTML标记符都包括开始标记符和结束标记符。(错) (5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。 (6)B标记符表示用粗体显示所包括的文字。(对) (7)GIF格式的图象最多可以显示256种颜色。(对) (8)HTML表格在默认情况下有边框。(错) (9)创建图象映射时,理论上可以指定任何形状作为热点。(对) (10)指定滚动字幕时,不允许其中嵌入图象。(错) 1.使用FONT 标记符的size 属性可以指定字体的大小。( ) 2.网站就是一个链接的页面集合。( ) 3.GIF格式的图象最多可以显示1024种颜色。( ) 4.制作图像映射只需要使用 标记符。( ) 5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。 ( ) 6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( ) 7.指定滚动字幕时,不允许其中嵌入图象。( ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( ) 10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……} ( ) 1. T 2. T 3. F 4. F 5. F 6. T 7. F 8. T 9. F 10. F 第2题单选题(20分) (1)WWW是的意思。答案:B A.网页B.万维网C.浏览器D.超文本传输协议

Css实现背景色透明、文字不透明

Css实现背景色透明、文字不透明 设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。 例如:

不透明
div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;wi dth:500px; height:500px;color:#F30; font-size:32px; font-weight:bold; } 可以很明显的看出文字也被半透明的,这是我们不想看到的效果。 以前我曾经是绝对定位的方法解决这个问题,也就是现在的p并不是div的子元素。
不透明 这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。

但是很多时候这样的标签并不是很合理,有可能还会多浪费几个标签。 下面的这种方法就可以解决上面的问题了: div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/ background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;} div p{ position:relative;}/*实现IE文字不透明*/ 直接用rgba颜色就可以解决子标签跟着半透明的问题了,但是ie还不是能很好的支持。 所以我们给不想被透明的标签设置一个定位属性,问题接能解决了。

【IT专家】即使在CSS中颜色值相同,边框和背景也以不同的颜色显示

本文由我司收集整编,推荐下载,如有疑问,请与我司联系即使在CSS中颜色值相同,边框和背景也以不同的颜色显示即使在CSS中颜色值相同,边框和背景也以不同的颜色显示[英]Border and background show up as different colors even when color values are same in CSS Is it possible to make the color of the border the same as the background color? In my example, it should have the same color but the border color is always a bit darker than the background color. ?是否可以使边框的颜色与背景颜色相同?在我的示例中,它应该具有相同的颜色,但是边框的颜色总是比背景颜色深一些。 ?36 ?You should specify background-clip: padding-box; (or content-box) because, by default, this property is set to border-box thus the background also covers the area under the borders. ?您应该指定背景剪辑:拨片盒;(或内容框)因为默认情况下,该属性设置为border-box,因此背景也覆盖了边框下面的区域。 The effect you’re obtaining is actually due to a transparency overlapping (with a full-solid colour you wouldn’t notice the issue), so that’s the reason you’re seeing the border a bit darker than the background colour ?你得到的效果实际上是由于透明度的重叠(全纯色你不会注意到这个问题),因此这就是为什么你看到的边框比背景颜色要暗一些 ?12 ?In addition to fcalderan’s answer, you could also make the border-color transparent so the div’s background color simply comes through: ?除了fcalderan的答案之外,您还可以将边框颜色设置为透明,这样div的背景颜色就会简单地显示出来:

CSS复习笔记

Day01 一.CSS2.0(Cascading Style Sheet)层叠样式表 1.作用:CSS用来修饰网页的(网页表现) w3c规定尽量用css样式替代XHTML的属性 2.css的使用 a.内部样式(写在网页的头部) b. 内联样式(写在网页标记中) <标记名称style="css代码"/> <标记名称style="css代码">... c.外部样式 (1)type :链接页面的文档类型 (2)rel:当前文档和目标文档的关系 (3)href:css样式目标页面 (4)media:根据媒体类型使用不同的css样式 all所有|screen计算机屏幕|tv电视|print打印机 说明:内联样式优先级最高,如果内部样式和外部 样式冲突,后面的覆盖前面的样式 3.css的语法结构 选择器{属性:值;属性:值;...} selector{attrbute:value} 4.选择器(selector) (1)通配选择器==== *(自动应用所有标记) (2)标记(类型)选择器==== 标记名称(自动应用指定标记) (3)class类选择器=== .class名称 (手动应用任意标记中,一个标记中多个class名称用空格隔开) 应用:在标记中属性class="class名称" (4)id选择器==== #id名称

(手动应用唯一标记中) 应用:在标记中属性id="id名称" (5)群组选择器=== 选择器名称,选择器名称... (多个选择器有相同属性的缩写) (6)后代选择器=== 选择器名称选择器名称 (两个选择器至少是父子关系) (7)子代选择器=== 选择器名称>选择器名称 (两个选择器必须是父子关系) 5.颜色值 a.单词字符:red红,green绿... b.十六进制: #ff0000 ===#f00 红色 c.rgb():rgb:分别是red,green,blue 0-255或百分比 例如: 红色: #f00 rgb(255,0,0) rgb(100%,0%,0%) 绿色:#0f0 rgb(0,255,0) 蓝色:#00f rgb(0,0,255) 黄色: #ff0 rgb(255,255,0) 白色: #fff rgb(255,255,255) 黑色: #000 rgb(0,0,0) 浅灰: #eee rgb(230,230,230) 深灰:#333 rgb(3,3,3) 6.文本样式1 (1)文本颜色color:颜色值 (2)文本大小font-size:value (单位:像素px, em:网页默认字体大小的比例例如:1.5em默认字体的1.5倍) (3)文本加粗font-weight:normal|bold|值(100-900) (normal==400 bold==700) (4)文本倾斜font-style:normal|italic (5)文本字体font-family:宋体,微软雅黑,'Times New Roman' (6) text-decoration:none|underline下划线| overline上划线|line-through删除线

《HTML+CSS网站设计基础教程》教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47学时上机学时:26学时) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、JavaScript网页特效 适用专业:信息技术及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。 二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课

程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 三、教学条件要求 开发工具:Dreamweaver CS6 四、课程的主要内容及基本要求 第一章初识HTML5

第二章HTML5页面元素及属性

如何用css代码让导航条透明化

如何用css代码让导航条透明化 篇一:切入口CSS教程--第一讲.基于div+css制作精美的导航条效果 切入口()讯:这一节选择教大家如何制作一款精美导航条效果,这也是我们第一期课程发布,为什么第一期选择这期课程,而不是一些基础html,css知识呢,因为导航条是一个网站的灵魂,漂亮的导航条往往能为网页增色不少,而且它的制作简单,并且涉及比较多的知识点,我们旨在学习之前,先让你了解职业web前端开发的流程,以及通过制作简单而又精美导航效果来调动你学习网页制作的热情。在学习基于div/css制作一款精美网页导航条效果之前,我们需要先了解两个问题: 什么是网页导航条?网页浏览时导航条起什么作用? 网站导航(navigation)是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容一般在网站的logo、banner下面或是网页的顶部。快速的使你了解网站的内容分类。 作为切图网()职业web前端开发技术员,我们认为制作一款精美导航条html布局非常重要,在css网页布局中,html结构是首要重要的,其次是css样式,当一个网页的html结构标准和合理对于后面的工作就会相对简单很多。而要写好网页html结构靠的是扎实基本功以及长期web前端开发经验使然。在这里准确的结构应该

这么写: 切入口 切入口 切入口 切入口 切入口 切入口 切入口 其中用到了ul,li标签,ul加上了class=”naver”属性,这就是一个比较标准的导航html结构,这里的ul,li是专用于列表结构的标签,导航也算是是属于列表类结构的。然后我们还要给它加上css样式代码: .naver{ width:100%; height:70px; background:url(‘../images/’) repeat-x; } .naver li{ float:left; display:inline; /*主要用于解决ie6下的兼容问题*/ line-height:70px; width:102px; background:url(‘../images/’) no-repeat;

完美解决透明图片背景在各个浏览器中的兼容问题

完美解决透明png图片及透明png背景,兼容所有浏览器 *将以下代码保存为png.js*/ https://www.360docs.net/doc/9a2440433.html, function correctPNG() { for(var i=0; i" img.outerHTML = strNewHTML i = i-1 } } } window.attachEvent("onload", correctPNG); https://www.360docs.net/doc/9a2440433.html, 在body下 https://www.360docs.net/doc/9a2440433.html, 如果在网页中直接插入png图片想使其透明只需加入以下js代码,整个页面内

背景颜色透明度和css

背景颜色透明度 Document

div的内容
自定义字体和字体溢出 自定义字体(@font-face) Document
中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中

网 设计师模拟题

问题:下列关于C S S的描述那些是错误的? 答案1:CSS是指层叠样式表 答案2:一套CSS可以应用于多个页面甚至整个站点 答案3:更改公用的CSS可以自动更新多个被控页面中的样式 答案4:CSS不能将格式和结构分离,但可以应用于当前的整个页面 正确答案: 4 问题:如果我们想要快速分辨出哪些文件是动态网页或静态网页,可以直接从文件名称的后缀中观察到。那么下面哪一个不是动态网页的后缀名? 答案1:.php 答案2:.xml 答案3:.asp 答案4:.jsp 正确答案: 2 问题:关于网站的叙述,下列哪一项不正确? 答案1:网站是Internet上的一个信息集中点。 答案2:我们可以通过域名来访问网站。 答案3:不需要将网站存储到独立的服务器上就可以接受访问。 答案4:网站实际上就是在互联网上的一块固定的面向全世界发布消息的地方。 正确答案: 3 问题:通常我们在制作网页时,会将首页的名字命名为( )。 答案1:WWW 答案2:index.html 答案3:main.html 答案4:first.html 正确答案: 2 问题:网页又被称为( )文件,是网站的重要组成部分。 答案1:Web 答案2:HTML 答案3:Tga 答案4:HTTP 正确答案: 2 问题:在Dreamweaver的代码窗口中,用于放置网页内容的主体元素标签是( ) 。 试题图片: 答案1: A 答案2: B 答案3: C 答案4: D 正确答案: 2 问题:利用Dreamweaver创建新站点、站点文件夹与新网页时,以下说法错误的是

答案1:当我们进行多个页面编辑时,可以在菜单栏上执行“文件>保存全部”命令,同时保存多个文件。答案2:在对站点进行命名时,站点名字与其实际对应的文件夹名字必须相同。 答案3:对站点的命名最好遵循以英文或数字组合的原则,不过也可以使用中文来命名。 答案4:我们在进行文件夹的命名时,要优先使用英文字母开头的英文或数字组合。 正确答案: 2 问题:我们在Dreamweaver的代码窗口中编写代码时,那些不是关于表格的代码? 试题图片: 答案1: A 答案2: B 答案3: C 答案4: D 正确答案: 2 问题:万维网有3个基本的组成部分,以下选项中不属于它的组成部分的是哪一个? 答案1:URL用于在Web上进入资源的统一方法和路径 答案2:超文本置标语言HTML 答案3:标准通常标注语言SGML 答案4:超文本传输协议HTTP 正确答案: 3 问题:在网页中,可用的中文字体由( )来决定的。 答案1:由浏览者的操作系统决定 答案2:由服务器操作系统决定 答案3:在安装程序中指定 答案4:在“编辑”菜单中的选择“首选参数”命令进行设置 正确答案: 1 问题:实现如图所示效果的CSS代码为:

CSS透明大汇总

近年来,CSS不透明算得上是一种相当流行的技术,但在跨浏览器支持上,对于开发者来说,可以说是一件令人头疼的事情。目前还没有一个通用方法,以确保透明度设置可以在目前使用的所有浏览器上有效。 这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS 技术在您的项目中兼容所有浏览器。 关于CSS 透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个标准属性。它是一种非标准技术,应该是CSS3规范的一部分。 1. 旧的Opacity设置 以下代码是Firefox和Safari旧版本所需的透明度设置: #myElement {-khtml-opacity: .5; -moz-opacity: 0.5;} -khtml-opacity设置是针对旧版本的Webkit渲染引擎,这种专用属性现在已经过时了,除非你还有需要兼容Safari 1.x.的用户。 第二行使用专用属性-moz-opacity是为了兼容Mozilla渲染引擎的早期版本,以及追溯到Netscape Navigator。Firefox 0.9以后就不要求使用-moz-opacity属性,Firefox 3.5(现在使用Gecko引擎)已经不在支持这个属性。 2. 在Firefox, Safari, Chrome和Opera下的CSS透明度 以下代码是除了IE外的所有当前浏览器的最简单,最最新的不透明度设置的CSS语法: #myElement {opacity: .7;} 上述语法将设置一个元素为70%不透明(或30%透明)。设置opacity:1将使元素不透明,而设置opacity:0将使得元素完全不可见。你只要记住“opacity”等同于“不透明”就很容易记住了,opacity值越小就越接近透明。 opacity属性可以精确地小数点后两位,所以值取“.01”和“.02”实际上是不同的,虽然可见度很难被发觉。一般情况下,精确到一位就可以了,取值如“.3”或“.7”。 3. IE下的CSS透明度 IE下照旧有别于其他浏览器,并且目前也有三个不同版本的IE在广泛使用,透明度设置是不同的,有时需要额外的CSS来控制: #myElement {filter: alpha(opacity=40);} 上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局,有如width 和position。关于微软专有的hasLayout属性详情,以及如何触发它,参考这里。 另外一个设置IE8的CSS透明度的方法语法如下(注意注释中指出的版本): #myElement{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/* 第一行在IE6, IE7和IE8下有效*/

div设置背景图片透明度且字不透明

设置背景图片透明 无标题文档



背景图片(背景颜色)透明,字不透明
哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈

sdfsdfsdfsdfsdf

加背景颜色的图片透明