CSS 中插入swf 怎么写啊

html-css014

CSS 中插入swf 怎么写啊,第1张

CSS不能插入FLASH的,FLASH只能插入HTML里面的

--------------------------------------------------

插入格式是:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="2">

<param name="movie" value="fc_black_xian.swf" />

<param name="quality" value="high" />

<embed src="fc_black_xian.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="2"></embed>

</object>

---------------------------------------------------

CSS是样式,背景的话,只能插入 颜色值 和 背景图片

---------------------------------------------------

这里发不下,好多啊。这样吧,剩下的我把它发到我空间去,可以吧?这个是现成的,如果有其他的要求要改,可以hi我!!楼上那位朋友的没有弄完,还差一点后缀!

<META http-equiv=X-UA-Compatible content=IE=EmulateIE7>

<STYLE>

body{margin:0padding:0 0 12px 0background:#ffffont-size:13pxline-height:22px}

div,p,li{font-family:Verdana,宋体font-size:13px}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0padding:0}

input,select{font-size:12pxline-height:16px}

img{border:0}

ul,li{list-style-type:none}

li{font-size:13px}

.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}

.dis{display:block}.undis{display:none}

.fl{float:left}.fr{float:right}.cl{clear:both}

.fh{height:22px}.fb{font-weight:bold}.fnb{font-weight:200margin-left:-1px}

.fc30{color:#303030font-family:"宋体"}.fchot{color:#ff0700}

.f11{font-size:12pxfont-family:tahoma}

/*今日话题标题*/

h1{font-size:16pxfont-weight:200font-family:黑体}

h1 a{color:#303030}

/*普通标题*/

h3{font-size:14px}

/*页卡*/

h4{font-weight:200font-size:13pxcursor:pointer}

h4 a{width:100%heihgt:100%display:block}

a{color:#00007Ftext-decoration:none}

a:hover{color:#bd0a01text-decoration:underline}

a.lcblue{color:#0F479C}

a.lchot{color:#bd0a01}

.lchot{color:#bd0a01}

/*迷你导航*/

#miniNav{height:22pxborder-bottom:1px solid #e6e6e6background:#f8f8f8color:#a1a0a0text-

align:centerline-height:14px}

#miniNav img{margin-bottom:4pxborder:0}

#miniNav div{width:950pxmargin:0 autofont-size:12pxpadding-top:4pxfont-family:宋体}

#miniNav span{display:bolckfloat:right}

#miniNav a{color:#a1a0a0margin:0 3pxfont-size:12pxtext-decoration:nonepadding:1px 3px

1px 3pxdisplay:bolckfloat:right}

#miniNav a:hover{color:#fffbackground:#929292}

#miniNav .qq{font-family:Verdanamargin-top:-2px}

/*顶部910导航*/

#NavCenter{text-align:center}

#TopNav{width:910pxmargin:0 autopadding:6px 0 4px 0height:39pxline-height:17px}

#Logo{width:128pxfloat:lefttext-align:center}

#TextNav{float:leftwidth:780pxfont-size:13px}

#TextNav span{display:blockfloat:left}

#TextNav a{padding:2px 6px 0 7pxfont-size:13pxdisplay:blockfloat:left}

#TextNav a.lcnew{background:url(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat

31px -37px}

#TextNav a:hover{color:#ffftext-decoration:none}

#TextNav a.lcnew:hover{color:#fffbackground-image:url

(http://img1.qq.com/news/pics/9468/9468357.gif)background-position:31px -37pxbackground-

repeat:no-repeat}

/*soso*/

#Soso{width:912pxheight:78pxmargin:0 auto}

#Soso_Left{padding:5px 0 0 25pxwidth:225pxmargin:0 10px 0 0float:left}

#Wealth{line-height:18pxheight:54pxpadding-bottom:7pxmargin-top:-9pxmargin-left:-

5pxcursor:pointerwidth:170px}

#Wealth *{line-height:18px}

#Wealth h6{font-size:13pxpadding-top:20px}

#Wealth span.img{float:leftdisplay:blockpadding-top:8px}

#Wealth p{float:leftmargin:0padding:0}

#Wealth div{font-size:12pxfont-family:tahoma,宋体width:100px}

/*皮肤列表*/

#Skin div {float:left}

#SkinList {width:56pxheight:11pxoverflow:hiddendisplay:block}

#Skin li{float:leftwidth:14pxheight:11pxcursor:pointer}

#def div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left top}

#s1 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -11px}

#s2 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -22px}

#s3 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -33px}

#s4 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -44px}

#s5 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -55px}

#s6 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -66px}

#s7 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -77px}

#s8 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -88px}

#s9 div{background:url(http://img1.qq.com/news/pics/9468/9468392.gif) no-repeat left -99px}

#sar{cursor:pointer}

#sar div{background:url(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat -20px -

1px}

#sar div.s{background:url(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat -10px -

1px}

/*soso输入框区域*/

#SosoArea{width:470pxpadding:9px 0 0 0float:left}

#sosoFod{padding-left:14pxheight:25px}

#sosoFod h3{float:leftwidth:40pxheight:26pxfont-size:12pxfont-weight:200padding-

left:13pxcursor:pointer}

#sosoFod #sosoqzone {width:50pxpadding-left:3px}

#sosoFod #sosoqzone div{margin-top:-1pxfont-size:12px}

#SosoArea input.w{width:392pxheight:22pxborder:0padding:4px 3px 0 3pxmargin-

right:6pxline-height:18pxfont-size:14px}

#SosoArea input.bot{border:0width:51pxheight:27pxpadding-top:2px}

#SosoArea table{line-height:17px}

#SosoArea table a{color:#fff}

#SosoAd{float:left}

#sosoLogo {position:absolutemargin:26px 0 0 -55px}

.more{position:absolutebackground:#fffmargin:-2px 0 0 -5px!importantmargin:16px 0 0 -

46pxz-index:10000border:1px solid #B2D0EA}

.more a{width:55pxdisplay:blockpadding-left:5px}

.more ul{list-style-type:nonemargin:0padding:0}

.more li{line-height:24pxlist-style-type:nonemargin:0padding:0text-align:left}

.more li a,.more li a:visited{color:#3B5995text-decoration:nonefont-size:12px}

.more li a:hover{background:#D6E9F8color:#3B5995text-decoration:nonefont-size:12px}

/*内容部分通用class*/

.cArea{width:910pxmargin:0 autopadding:10px 0 0 0clear:bothz-index:1}

.cArea1{width:910pxmargin:0 autopadding:7px 0 0 0clear:both}

.txArea{width:714pxfloat:left}

.resArea{width:296pxfloat:left}

.proArea{width:409pxfloat:right}

.adArea{width:186pxfloat:right}

.adMArea{clear:bothpadding-top:10px}

.imgArea{background:url(http://img1.qq.com/news/pics/9468/9468391.gif) repeat-x

bottomheight:83px}

.imgLArea{width:105pxheight:70pxpadding:0 12px 0 0float:left}

.imgRArea,.imgRArea1{float:left}

.imgRArea *{font-size:14pxline-height:24px}

.imgLAreapic {width:105pxheight:80pxpadding:0 12px 0 0float:lefttext-align:center}

.imgLAreapic img{width:105pxheight:55pxmargin-bottom:1px}

.imgLAreapic a{font-size:13px}

.height{height:122px}

.res_b,.pro_b{height:2px}

.textArea{clear:bothpadding:5px 0 0 0}

/*产品导航区域*/

#proArea *{font-size:12pxline-height:16px}

#proArea{width:286pxheight:132pxoverflow:hiddenpadding:4px 0 0 10pxmargin-bottom:10px}

#proArea div{clear:bothheight:22px}

#proArea span{display:blockfloat:leftpadding:3px 6px 0 0font-weight:bold}

#proArea a{text-decoration:nonepadding:2px 3px 0 3pxdisplay:block

float:leftheight:17px}

#proArea a.m{text-decoration:underlinemargin-left:2px}

#proArea a.m:hover{color:#ffftext-decoration:underline}

#proArea a.qq{text-decoration:nonemargin-top:-1px}

#proArea a.lchot{color:#bd0a01}

#proAd{padding-bottom:2pxheight:114pxwidth:409pxoverflow:hidden}

#proAdFlash {position:absolutewidth:409pxz-index:500}

#proArea_banner{height:20pxmargin-bottom:10pxpadding-left:16pxline-height:20pxfont-

size:12pxcolor:#3d464b}

#proArea_banner .tahoma{font-family:Tahoma}

#proArea_search{width:409pxheight:52pxbackground:url(http://mat1.qq.com/www/images/xunren

-2.gif)margin:10px autopadding-top:8px}

#proArea_search ul,#proArea_search li{margin:0padding:0list-style:noneclear:both}

#proArea_search ul{margin-left:20px}

#proArea_search .links{color:#0330BBfont-size:12pxfont-weight:boldfont-family:宋体}

#proArea_search .links a{color:#0330BBfont-size:14pxtext-decoration:underline}

#proArea_search .links a:hover{color:#f00font-size:14px}

#proArea_searchnub a{font-family:Tahomafont-size:16pxcolor:#BD0A01font-weight:bold

margin:0 3px}

#pro1{width:584px}

#pro1 td{padding-right:12px}

/*今日导航*/

#toDay{width:389pxheight:133pxoverflow:hiddenpadding:10pxmargin-bottom:10px}

#toDay div.t{float:leftwidth:73pxheight:25pxtext-align:centerpadding:2px 12px 0

63pxline-height:25pxfont-weight:700font-size:12px}

#toDay div.t a:hover{text-decoration:none}

#toDay h1{float:leftline-height:26pxpadding-top:2pxfont-family:宋体font-size:16pxfont

-weight:boldheight:36px}

#toDay h1 a:hover{color:#bd0a01}

#toDay h1 a.lchot{color:#bd0a01}

#toDay p{color:#bab9b9clear:bothfont-family:宋体font-size:14pxline-height:24px}

#toDay p a.lchot:visited{color:#bd0a01}

/*左边频道栏目*/

#NewsInfo .imgRArea li,#NewsInfo .imgRArea1 li,#SportsInfo .imgRArea li,#financeInfo

.imgRArea li,#techInfo .imgRArea li,#carInfo .imgRArea li,#eduInfo li{padding:2px 0 0

12pxbackground:url(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat -26px

10pxfont-family:宋体}

/*内容链接颜色控制*/

#News h4 a:hover,#Sports h4 a:hover,#finance h4 a:hover,#tech h4 a:hover,#car h4

a:hover,#edu h4 a:hover,#blog h4 a:hover,#ent h4 a:hover,#game h4 a:hover,#book h4

a:hover,#lady h4 a:hover,#comic h4 a:hover{color:#bd0a01}

#NewsInfo h3 a:hover{color:#bd0a01}

#NewsInfo a.lchot,#SportsInfo a.lchot,#financeInfo a.lchot,#techInfo a.lchot,#carInfo

a.lchot,#eduInfo a.lchot{color:#bd0a01}

#NewsInfo a.lchot:visited,#SportsInfo a.lchot:visited,#financeInfo a.lchot:visited,#techInfo

a.lchot:visited,#carInfo a.lchot:visited,#eduInfo a.lchot:visited{color:#bd0a01}

#blogInfo a.lchot,#entInfo a.lchot,#gameInfo a.lchot,#comicInfo a.lchot,#bookInfo

a.lchot,#ladyInfo a.lchot,#comicInfo a.lchot{color:#bd0a01}

#blogInfo a.lchot:visited,#entInfo a.lchot:visited,#gameInfo a.lchot:visited,#comicInfo

a.lchot:visited,#bookInfo a.lchot:visited,#ladyInfo a.lchot:visited,#comicInfo

a.lchot:visited{color:#bd0a01}

/*新闻*/

#News h4{float:leftheight:20pxline-height:20pxtext-

align:centerwidth:73pxoverflow:hiddenmargin-right:1pxpadding-top:3px}

#News h4.s,#News h4.s1{font-weight:700border-right:0width:73pxpadding-bottom:4px}

#News span h4 {width:82pxpadding-left:4px}

#News span h4.s {width:86px}

#News span h4.s1 {width:102px}

#News span h4.s0 {width:102px}

#News span h4 a{display:inline}

#NewsInfo a.black{color:#000}

#NewsInfo a.black:hover{color:#000}

#NewsInfo a.blue{color:#0330bb}

#NewsInfo a.blue:hover{color:#0330bb}

.dotline{padding:0margin:4px 0 8px 4pxfont:0line-

height:0width:278pxheight:1pxbackground:url

(http://img1.qq.com/news/pics/9468/9468391.gif) top repeat-xclear:both}

/*左侧列表内容12链接文字14*/

#NewsInfo *,#SportsInfo .textArea *,#financeInfo .textArea *,#techInfo .textArea *,#carInfo

.textArea *,#eduInfo .textArea *{font-size:12pxline-height:23px}

#NewsInfo a,#tailorInfo a,#SportsInfo .textArea a,#financeInfo .textArea a,#techInfo

.textArea a,#carInfo .textArea a,#eduInfo .textArea a {font-size:14px}

/*地方新闻定制页卡*/

#tailor div{float:leftmargin-left:5pxwidth:autocursor:pointer}

#tailor div.i{padding-top:3pxwidth:17pxheight:12px}

#tailor div.io{padding-top:3pxwidth:17pxheight:12px}

#tailorInfo .imgArea{background:url(http://img1.qq.com/news/pics/9468/9468391.gif) repeat-x

bottomheight:84px}

#tailorInfo .textArea{font-family:"宋体"font-size:12pxline-height:24pxmargin-top:3px}

#tailorInfo .textArea a{font-size:14px}

#tailorInfo .imgLAreapic {width:105pxheight:80pxpadding:0 6px 0 6pxfloat:lefttext-

align:center}

#tailorInfo .imgLAreapic img{width:105pxheight:55pxmargin-bottom:5px}

#tailorInfo .imgLAreapic a{font-size:13pxline-height:15px}

#tailorInfo {padding-top:3px}

#tailorInfo .point{background:url(http://img1.qq.com/news/pics/9468/9468391.gif) repeat-x

topclear:bothmargin-top:5pxpadding-top:8px}

#tailorInfo .imgLArea {padding-top:4px}

#tailorInfo .imgLArea {display:none}

#tailorInfo .imgRArea a.c{color:#BA0F07}

#tailorInfo .imgRArea1 {width:276pxtext-align:right}

#tailorInfo .imgRArea1 li{display:inlinebackground:url

(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat -26px 7px}

/*体育,财经,科技,汽车*/

#Sports h4,#finance h4,#tech h4,#car h4{float:leftheight:20pxline-

height:20pxwidth:73pxtext-align:centeroverflow:hiddenmargin-right:1pxpadding-top:3px}

#Sports h4.s,#finance h4.s,#tech h4.s,#car h4.s{height:20pxline-height:20pxfont-

weight:700width:73pxpadding:3px 0 4px 0}

#Sports span,#finance span,#tech span,#car span

{position:absoluteoverflow:visibledisplay:block}

#News h4 a:hover,#Sports h4 a:hover,#finance h4 a:hover,#tech h4 a:hover,#car h4 a:hover

{color:#bd0a01}

#News,#Sports,#finance,#tech,#car{height:27px}

#NewsInfo,#SportsInfo,#financeInfo,#techInfo,#carInfo,#eduInfo

{clear:bothoverflow:hiddenpadding:10px 6px 10px 2pxcolor:#BAB9B9}

#NewsInfo .imgLAreapic,#SportsInfo .imgLAreapic,#financeInfo .imgLAreapic,#techInfo

.imgLAreapic,#carInfo .imgLAreapic,#eduInfo .imgLAreapic{width:105pxheight:80pxpadding:0

6px 0 6pxfloat:lefttext-align:center}

#SportsInfo .textArea,#financeInfo .textArea,#techInfo .textArea{padding:10px 0}

#carInfo .textArea{padding:10px 0}

#eduInfo .textArea{padding:10px 0}

#NewsInfo{height:444pxpadding-top:10px}

#SportsInfo{height:209px}

#financeInfo{height:247pxpadding-bottom:0}

#techInfo {height:208px}

#carInfo{height:208px}

#financeInfo form{height:22pxmargin:219px -10px 0 -2pxpadding:4px 6px 3px

6pxcolor:#000width:282pxposition:absolute}

#financeInfo form input.w{width:53pxpadding:1pxline-height:14px}

#financeInfo form input.i{width:39pxheight:18pxpadding-top:1pxcursor:pointer}

#map{position:absolutemargin:0 0 0 -2pxborder-bottom:1px solid #8DC0E8height:280pxz-

index:999}

/*中间一栏*/

#blog h4,#ent h4,#game h4,#comic h4,#book h4,#edu h4,#lady h4{float:leftwidth:73pxtext-

align:centerheight:20pxline-height:20pxmargin-right:1pxpadding-top:3px}

#blog h4.s,#ent h4.s,#game h4.s,#book h4.s,#lady h4.s{font-weight:700width:73pxpadding:3px

0 4px 0height:20pxline-height:20px}

#blog,#ent,#game,#book,#lady{height:27px}

#comic,#edu{height:25px}

#blog {width:409px}

#blog div{float:rightpadding:1px 13px 6px 0height:17pxwidth:172pxtext-align:right}

#entInfo,#gameInfo,#comicInfo,#bookInfo,#ladyInfo{width:387pxpadding:10pxcolor:#BAB9B9}