onlylove 发表于 2007-7-14 15:03:45

介绍一些对CSS学习帮助的网站...

<P>CSS网站欣赏...</P>
<P>CeeSeS | We are the BalkaniCSS!&nbsp;&nbsp; <A href="http://www.ceeses.com/">http://www.ceeses.com/</A></P>
<P>CSS Remix&nbsp; <A href="http://www.cssremix.com/">http://www.cssremix.com/</A></P>
<P>CSS Gallery Web Design Gallery For Inspiration <A href="http://www.cssheaven.com/">http://www.cssheaven.com/</A></P>
<P>My3W | CSS Genius&nbsp; <A href="http://www.my3w.org/">http://www.my3w.org/</A></P>
<P>CSS Vault The Web's CSS Site&nbsp; <A href="http://cssvault.com/">http://cssvault.com/</A></P>
<P>CSS Gallery | CSS陈列馆 |CSS酷站 <A href="http://www.csscoosite.com/">http://www.csscoosite.com/</A></P>
<P>CSS and XHTML (W3C) with mark sites gallery <A href="http://www.cssgaleri.com/">http://www.cssgaleri.com/</A></P>
<P>&nbsp;</P>
<P>------------------------------------------------------------------------------------------------------------------------</P>
<P>&nbsp;</P>
<P>CSS学习相关...</P>
<P>网站设计师: <A href="http://www.w3cn.org/">http://www.w3cn.org/</A>&nbsp;&nbsp;&nbsp;&nbsp; 我初学CSS的时候就是从这里看资料慢慢进步的..里面的基础知识很实用...</P>
<P>蓝色理想- WEB标准化专栏: <A href="http://bbs.blueidea.com/forum-5-1.html">http://bbs.blueidea.com/forum-5-1.html</A>&nbsp;&nbsp; 一个CSSer交流的论坛...</P>

乌鸦 发表于 2007-7-15 02:50:07

:funk: 新版窝```

新人 发表于 2007-8-6 10:17:21

<CENTER>
<CENTER>
<TABLE cellSpacing=15 borderColorDark=#140076 cellPadding=20 width="80%" bgColor=#140076 borderColorLight=#d8d0fe background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/color/fe3d8240.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="50%">Alpha滤镜:设置透明度</TD>
<TD align=middle width="50%">opacity:透明度。默认的范围是从0 到 100,0代表完全透明,100代表完全不透明。<BR>style :指定透明区域的形状。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。</TD></TR>
<TR>
<TD align=middle width="50%">原图</TD>
<TD align=middle width="50%">使用滤镜后的图</TD></TR>
<TR>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"&gt;</TEXTAREA></TD>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"  style="filter:Alpha(Opacity=100,Style=3)"&gt;</TEXTAREA></TD></TR>
<TR>
<TD align=middle width="50%"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD>
<TD align=middle width="50%"><IMG style="FILTER: Alpha(Opacity=100,Style=3)" src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=15 borderColorDark=#140076 cellPadding=20 width="80%" bgColor=#140076 borderColorLight=#d8d0fe background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/color/fe3d8240.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="50%">Blru滤镜:模糊效果</TD>
<TD align=middle width="50%">ADD参数:TRUE(默认)或者FALSE。它指定图片是否被改变成印象派的模糊效果。<BR>模糊效果是按顺时针的方向进行的,DIRECTIO”参数用来设置模糊的方向。其中0度代表垂直向上,然后每45度为一个单位。它的默认值是向左的270度。<BR>STRENGTH值使用整数来指定,代表有多少像素的宽度将受到模糊影响。默认是5个。</TD></TR>
<TR>
<TD align=middle width="50%">原图</TD>
<TD align=middle width="50%">使用滤镜后的图</TD></TR>
<TR>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"&gt;</TEXTAREA></TD>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" style="filter:blur(add=ture,direction=135,strength=10)"&gt;</TEXTAREA></TD></TR>
<TR>
<TD align=middle width="50%"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD>
<TD align=middle width="50%"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"  style="filter:blur(add=ture,direction=135,strength=10)"></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=15 borderColorDark=#140076 cellPadding=20 width="80%" bgColor=#140076 borderColorLight=#d8d0fe background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/color/fe3d8240.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="50%">Chroma滤镜:把指定的颜色设置为透明</TD>
<TD align=middle width="50%">设置一个对象中指定的颜色为透明色,参数COLOR即要透明的颜色。</TD></TR>
<TR>
<TD align=middle width="50%">原图</TD>
<TD align=middle width="50%">使用滤镜后的图</TD></TR>
<TR>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"&gt;</TEXTAREA></TD>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" style="filter:chroma(color=white)"&gt;</TEXTAREA></TD></TR>
<TR>
<TD align=middle width="50%"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD>
<TD align=middle width="50%"><IMG style="FILTER: chroma(color=white)" src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD></TR></TBODY></TABLE><BR><BR>
<TABLE cellSpacing=15 borderColorDark=#140076 cellPadding=20 width="80%" bgColor=#140076 borderColorLight=#d8d0fe background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/color/fe3d8240.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="50%">DropShadow滤镜:建立一种偏移的影象轮廓,即投射阴影</TD>
<TD align=middle width="50%">Color代表投射阴影的颜色,<BR>offx和offy分别是X方向和Y方向阴影的偏移量.Positive参数是一个布尔值,如果为"TRUE(非0)",那么就为任何的非透明像素建立可见的投影。如果为"FASLE(0)",那么就为透明的像素部分建立透明效果。</TD></TR>
<TR>
<TD align=middle width="50%">原图</TD>
<TD align=middle width="50%">使用滤镜后的图</TD></TR>
<TR>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"&gt;</TEXTAREA></TD>
<TD align=middle width="50%"><TEXTAREA rows=5 cols=40>&lt; DIV style="FILTER: dropshadow(color=gray, offx=10, offy=10, positive=10);FONT-SIZE: 50pt; WIDTH: 400px"&gt;&lt; img src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg"&gt; &lt;/div&gt;</TEXTAREA></TD></TR>
<TR>
<TD align=middle width="50%"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"></TD>
<TD align=middle width="50%">
<DIV style="FONT-SIZE: 50pt; FILTER: dropshadow(color=gray, offx=10, offy=10, positive=10); WIDTH: 400px"><IMG src="http://i17.photobucket.com/albums/b51/lyh_/6park/cad2bc44.jpg" onload="javascript:if(this.width>750) this.width=750"> </DIV></TD></TR></TBODY></TABLE><BR><BR></CENTER></CENTER>

ycren 发表于 2007-8-11 19:09:43

:o 甘多啊~~~得闲再睇~~~

onlylove 发表于 2007-9-9 23:55:57

我学CSS以来。一共没有超过五次使用图片滤镜。。。

ˊ*尛娚朲﹖ 发表于 2007-12-8 11:45:19

:1_01 乜野CSS?是论坛吗?

娜娜 发表于 2008-10-14 14:26:56

阳春难民 发表于 2008-12-12 20:46:38

强人!!!!!!!!!

woniu 发表于 2009-1-26 12:34:13

3楼还用表格做网格就过时了

tyroboy 发表于 2009-9-20 22:59:38

9# woniu
不叫过时,而是用错地方,表格的职能不在于进行网页布局,而是用来显示数据!而是一开始人们就用错了!{:5_155:}
页: [1] 2
查看完整版本: 介绍一些对CSS学习帮助的网站...