mwbr.net
当前位置:首页 >> Css3 BorDEr stylE >>

Css3 BorDEr stylE

不能写两个 但是可以用阴影来模拟边框 div{ width:300px; height:300px; box-shadow: 0 0 0 10px red,0 0 0 20px green; } 阴影不占据空间~

border:1px solid rgba(0,0,0,0.1);意思是 设定元素的边框为1像素宽,实线,颜色使用rgba来表达。 其中,rgba是CSS3中的属性, rgba括号中前3个数字代表着 red green blue三种颜色的rgb值,0-255,最后一个是设定这个颜色的透明度即alpha值。范...

用CSS代码设定按钮的圆角样式,这个在css3中才能实现,通过使用border-radius来实现这个效果,不过有浏览器的兼容性问题,-moz(例如 -moz-border-radius)用于Firefox;-webkit(例如:-webkit-border-radius)用于Safari和Chrome;border-radius:5...

.t{padding:15px;border:1px solid red;border-radius:15px;width:30px;}下面在给出一个实例 酷炫菜单 .css3Menus{padding:20px;width:506px;height:260px;background:#eee} ul{list-style:none} li{float:left;margin:0 30px 0 0;padding:20px;...

.border-image {border: 18px solid #000;border-image: url(img/border.jpg) 27 round;}

实例 向 div 元素添加圆角边框: div { border:2px solid; border-radius:25px; } 亲自试一试 页面底部有更多实例。 浏览器支持 IE Firefox Chrome Safari Opera IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。 定...

border-top : 1px solid #6699cc; /*上框线*/ border-bottom : 1px solid #6699cc; /*下框线*/ border-left : 1px solid #6699cc; /*左框线*/ border-right : 1px solid #6699cc; /*右框线*/ 以上是建议书写方式,但也可以使用常规的方式 如下: b...

参考网址不是说的很明白了么? border-image:url:(images/WhiteButton.png) 0 12 0 12 stretch stretch; “0 12 0 12”:按顺时针方向分别是上右下左边框的宽度,即上:0;右:12;下:0;左:12。 stretch | repeat | round 即为除去边框后的图像...

心形的话可以通过这样来实现 .heart{position:relative;width:100px;height:100px;margin:100px;}.heart:before,.heart:after{position:absolute;content:"";display:block;width:30px;height:50px;border-radius:30px 30px 0 0;background:#F00...

#gaga{border:3px solid #f00;border-radius: 5px 6px 7px 8px;} 5px代表的是左上角的弧度; 6px代表的是右上角的弧度; 7px代表的是右下角的弧度; 8px代表的是左下角的弧度; 希望可以帮到你

网站首页 | 网站地图
All rights reserved Powered by www.mwbr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com