欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

CSS3内阴影和CSS3圆角边框

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

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

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

看我用css3做的效果:

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

这是一段兼容所有支持css3浏览器的一个圆角边框css样式,四个值,则依次对应左上角、右上角、右下角、左下角(顺时针顺序)。所以我这里是上面两个角是圆角。

-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;

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

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

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

更多

本文固定链接: http://shanmao.me/web/divcss/css3-nei-yin-ying-css3-yuan-jiao-bian-kuang | 山猫的博客

该日志由 admin 于2012年05月26日发表在 css3, Div+Css 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: CSS3内阴影和CSS3圆角边框 | 山猫的博客
关键字:
【上一篇】
【下一篇】