一直以为用CSS做一个圆角的链接会很麻烦，在蓝色理想上看到一些漂亮的圆角链接，背景图片还可以切换，于是下载下来看了一下，发现原来实现起来也很简单。下面这个是效果图：
具体实现方法如下：
先制作好这样两张背景图片，一张为左边的圆角，比较窄，另一张为右边的圆角，比较宽（为了使较长的链接仍能正常显示），如下图：
（left.gif）
（right.gif）
CSS代码为（注意其中的背景图片的定位，这个是实现效果的关键所在）：
…body {
margin:0;
padding:0;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
background-color:#fff;
text-align:center;
}
#tabs{
margin-left:auto;
margin-right:auto;
margin-top:40px;
width:100%;
background:#fff;
老外经常喜欢做一些令人目瞪口呆的事情，这不又出现了两个纯用CSS实现的房子，我看到的第一眼就目瞪口呆了，然后开始找他有没有用图片。没有找到，只好无限佩服了！
为方便读者，已经把原网页复制了一份：
CSS House 1：http://fdream.net/blog/upfile/csshouse1.html
CSS House 2：http://www.afdream.com/blog/upfile/csshouse2.html
原页面地址：
CSS House 1：http://www.designdetector.com/tips/3DBorderDemo2.html
CSS House 2：http://www.designdetector.com/demos/css-house-2.html
BTW：还是最大限度的照顾低分辨率用户，当客户端的分辨率为800×600时，不使用绿色夏天作为默认样式，而自动使用样式蓝色清新…
看看效果先：
上图中的透明度为50%。这个实现起来其实也没什么，很Easy的事情^_^
在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下：
{filter：alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
具体参数含义如下：
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2…
该穿上衣服了，若有想看裸体者，请自己动手，在侧栏中选择“样式切换”，再选“绝对裸体”就可以了，嘿嘿……若是觉得不爽，你怎么脱的就怎么穿上！（删除Cookies也是个不错的选择，只要你愿意，呵呵）
=================================
武汉太热了，好不容易凉快，今天温度又要回升了，索性脱光了凉快一下！
据说昨天是CSS裸体节”CSS裸体节，发现太晚了，跟一下风……
呵呵，要是你看不顺眼，就顺着页面往下找，找到“样式切换”几个字，随便挑一件衣服穿上吧！
PS：脱掉CSS，才发现CSS这件衣服真漂亮啊！…
…
首先建立几个CSS样式文件，分别命名为：css.css、css1.css、css2.css、css3.css。为简单起见，内容分别如下：
css.css:
body {background-color:#666;}
css1.css:
body {background-color:#900;}
css2.css:
body {background-color:#090;}
css3.css:
body {background-color:#009;}
换肤技巧方法一：
使用JS更改标签内ID的属性值，代码如下：[#afdream.com#]
将下列代码保存为：changecss.html
…
换肤技术
//更改样式文件的方法（函数）
function changecss(url){
if(url!=""){
skin.href=url;
}
}
//--请选择下面的下拉菜单测试换肤效果
看看效果先:
默认关闭状态:
打开状态一:
打开状态二:
网页代码如下:
最近几天都在搞这些乱七八糟的东西，今天到是捣鼓出了一个纯CSS的弹出菜单，不喜欢JavaScript，代码太烦琐了，大家先看看效果咯：
下面就是完整的代码了：
别急，我说几句先：
一、菜单的上下需要保持宽度和菜单的宽度一致，否则弹出菜单的位置会发生偏移，这个也是偶从偶做的网页中提起出来时才发现的；
二、下面的这一段中的红色部分必不可少，也不可更改：
/*子菜单样式定义*/
.submenu{
clear:both;
float:left;
position:absolute;
width:80px;
padding:0px;
font-size:13px;
}
三、下载不了的请复制下面的代码，为了不破坏我的blog页面，部分代码被我强制换行了，请自己还原！
废话说完了，看代码：
[down=http://fdream.net/blog/wp-content/uploads/2005/10/kh0n_popmenu.txt]点击下载此文件[/down]…
[frown] 今天下午拿到一个用 JSF 做的弹出菜单，可以任意更换样式的，要求把里面的一组样式改一下。如果只是改CSS也算时间比较简单的事情，于是拿到手就开始改CSS，改了之后就刷新页面，没用的通通删掉！（主要原因是那个CSS样式定义的有点累赘，一个弹出菜单而已，CSS就有326行，真是郁闷！）
等我删了将近三分之一的时候，发现刷新页面没反应，问了一下旁边的兄弟这是怎么回事。我才知道这个 JSF 做的菜单有点奇怪，需要重新启动浏览器才会有相应的变化。我倒！于是关掉浏览器，再开，发现还是没变！感觉很奇怪，不可能啊！关掉 TomCat，再开，还是没反应，算了，只当它们没作用！
继续往下改，先把颜色全部改过来再说，辛辛苦苦，200多行……再开服务器，开浏览器，依然如故！开始怀疑菜单文件与这个CSS文件无关，于是改掉CSS文件的名称，菜单依然正常显示！
迫不得已，打开 menu.jsf , Jbuilder 启动的也够慢的，那一堆代码根本就看不懂，郁闷，找了半天也没找到到底用了哪个CSS文件（根据偶的理解应该是由js控制的），让旁边一个兄弟看了一会儿，也没发现………
Flash版的CSS 2.0 盒模型
盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。对于初学者，经常会搞不清楚margin，background-color，background-image，padding，content，border之间的层次、关系和相互影响。
下面一张是 http://www.w3cn.org 提供的 3D 模型图：
…
By