|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 網頁北景,,急呀,,,
請教各位幫助,,,,,誰能用CSS做出這種北景來呢,急呀,,在線等, ,,
[img]http://test3.aspnet.cn/flm/images/bj.gif[/img] |
| 哪部分是背景啊？你不要說整個都是喲！ |
| 就是帶陰影的網頁北景呀,, |
| 這個背景不就是以淺藍色為背景，沒有什麼特別的！奇怪 |
那些陰影是後加上去的，添加在表格裡的背景，主背景還是淺藍色的。你用photoshop,設計好，在切圖就可以了。
|
| 我要用CSS做可以嗎?急呀,,, |
| 有誰知道嗎??很急呀,,, |
你用CSS做？在CSS裡定義圖片背景不行嗎？
還是
你打算用不用圖片只用CSS來實現效果？那你做成1象素1象素過渡顏色的豎條好了 |
[html]
<style>
.ex{ filter: Alpha(Opacity=60, Style=1,);
}
.ex1{ filter: Alpha(Opacity=60, Style=1, StartX=60, FinishX=0,);
}
</style>
<body link="#ff0000" vlink="#ff0000" alink="#ff0000" onload="self.focus()" scroll="auto">
<table width="100%" cellspacing="0" cellpadding="0" height="500px;">
<tr>
<td width="10px;" bgcolor="#999999" class="ex1"> </td>
<td>
<center>
<table width="400">
<tr bgcolor="yellow">
<td>因為地球是圓的,所以我又回來了</td>
<td bgcolor="blue">驚回首，離天三尺三！</td>
</tr>
</table>
<br><br>
<table align=center width=200 height=100 bgcolor=#f3f3f3
style="filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)">
<tr>
<td><center>
<script language="JavaScript1.2" class="css2">
/*
Neon Lights Text
By Website Abstraction (http://wsabstract.com)//原效果來自
Over 400+ free scripts here!
*/
//下面設置顯示效果的屬性
var message="歡迎光臨七色風網頁家園!"
var neonbasecolor="green"
var neontextcolor="orange"
var flashspeed=100 //in milliseconds
var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')
//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor
if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</td>
</tr>
</table>
<br><br><br>
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"cyan":"blue")}
-->
</style>
<center>
<table>
<tr><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
</table>
</td>
<td width="10px;" bgcolor="#999999" class="ex"> </td>
</tr>
</table>
[/html] |
樓上很厲害呦
不過你最好告訴清楚樓主，是靠
filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)
這個樣式實現的。
直接用filter:shadow……是不可以的，只能對內部做成陰影。 |
樓上的好厲害
但是下次幫人的時候能把語句搞簡潔點好 很多其他語言會讓初學者混淆的 |
minamoto在上個帖子中說
不是靠這句吧
把其他的刪了 就剩這些了
[code]<style>
.ex{ filter: Alpha(Opacity=60, Style=1,);
}
.ex1{ filter: Alpha(Opacity=60, Style=1, StartX=60, FinishX=0,);
}
</style>
<body>
<table width="405" cellspacing="0" cellpadding="0" height="500px;">
<tr>
<td width="10px;" bgcolor="#999999" class="ex1"> </td>
<td width="400"><br>
<br>
<br>
<center></td>
<td width="10px;" bgcolor="#999999" class="ex"> </td>
</tr>
</table>
[/code] |
| 學到知識了。 |
| 好///就是要這種效果,,,多謝樓上幾樓大哥,,,,,問題終解決了..可以深呼吸一下了..... |
你用CSS做？在CSS裡定義圖片背景不行嗎？
還是
你打算用不用圖片只用CSS來實現效果？那你做成1象素1象素過渡顏色的豎條好了 |
| 做成1象素1象素過渡顏色的豎條////那怎麼做呀,能不能做個看看.. |
|
