|
html背景音乐,图片,颜色
<bgsound src="F:\Program\HTML\凤飞飞--浮世情怀.mp3" loop="-1">
1、背景颜色
<body bgcolor="red">我们发现多了个bgcolor其实就是backgroundcolor（背景颜色）的意思，bgcolor="red"设置网页的背景颜色为红色，现在颜色一般都是#ff0000样式的。
2、背景图片
<body backgroud＝"back-ground.gif">中“backgroud”就是设置背景图片的啦，back-ground.gif是背景图片的名字，为什么有的朋友也是如此写的，而网页却没有背景图片呢？其实back-ground.gif是该图片相对于这个页面的位置，比如你做的这个页面放在c:\我的网站\，而背景图片的位置放在c:\我的网站\images\，那么就得这样写了：<body backgroud＝"images\back-ground.gif">，注意两者的区别！
3、背景音乐
背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部<head></head>里，为什么在这里讲呢？就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧：
<bgsound src="/background_sound.mid" loop="-1">
bgsound 不用说了吧背景声音，background_sound.mid是音乐的文件名，当然也得写它的相对路径哦（关于相对路径，可能有的网友，一下子不能搞明白，我们将会在其他板块介绍的）！loop，循环，那么loop="-1"是什么意思呢？loop是bgsound 的一个属性，当然src也是了，后边跟得就是属性值了，那么loop="-1"就是无限循环的意思，只要是页面打开，音乐不会停止的，loop="1"说明循环一次，等于0就是不循环了，呵呵，简单不！
4、body其它属性：topmargin，leftmargin。有的朋友再做页面的时候，感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边，怎么回事呢？因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12，如果你把他们的值设为0，你看看会有什么效果！如下比较一下<body>和<body topmargin=0 leftmargin=0>，有兴趣的朋友可以任意设置他们的值！
----------------------------------------------------
用CSS實現表格背景顏色漸變效果2006-09-12 09:15 作者： 羅可龍 出處： 天極網 責任編輯：龍犢 將下面代碼拷貝放至相應位置即可查看...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
td{text-align:center;color:white;font-family:宋體;font-size:15px; font-weight:bold;border:2 dashed #FFFFFF;}
table{table-layout:fixed;border:2 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#990099,endcolorstr=#FFCCFF,gradientType=1);}
body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#86CEFF,endcolorstr=#000099,gradientType=1);}
</style>
</head>
<body>
<center>
<table border="0" cellspacing="20" cellpadding="2">
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)">
網頁陶吧-龍犢
</td>
<td style="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#006600,endcolorstr=#99FF99,gradientType=0)">
網頁陶吧</td>
</tr>
</table>
<!--
gradientType=1代表橫向漸變，gradientType=0代表縱向淅變
漸變效果實現：filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
-->
<p><a href=http://homepage.yesky.com><font style="font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none;">網頁陶吧-培養優秀的網頁設計師和個人站長</font></a></p>
</body>
</html>
----------------------------------------
基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等
方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<marquee behavior=alternate>来回走</marquee>
循环
<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色！</marquee>
面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积！</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>
2008-7-22 20:49:49
Posted by jser | 阅读全文() | 回复(0) | 引用通告() | 编辑
| 