CSS3内阴影和CSS3圆角边框

之前习惯了css2,真的很难改回来,之前做的主要是ie6,兼容其他的国内网站

现在做的国外网站,老板说放弃ie6!

今天做页面的时候,突然发现我可以用CSS3啊。真是傻了我。习惯性就像想切图片做背景,真是悲剧啊。

看我用css3做的效果:

使用了CSS3内阴影和CSS3圆角边框。下面介绍一下代码应用;

这是一段兼容所有支持css3浏览器的一个圆角边框css样式,四个值,则依次对应左上角、右上角、右下角、左下角(顺时针顺序)。所以我这里是上面两个角是圆角。
[code]
-moz-border-radius: 7px 7px 0px 0px;-khtml-border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;border-radius: 7px 7px 0px 0px;
[/code]

这个是一个内阴影样式。||阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 ;最后一个是内阴影||
默认色没有inset的就是外阴影了。好了。

[code]
#content textarea {
background: none repeat scroll 0 0 #18120E;
border: 1px solid #30261E;
box-shadow: 2px 2px 5px #000000 inset;
color: #CCCCCC;
}
[/code]

今天有人说我是一个苦逼的站长,我觉得也是。。。哈哈。/