
定义一个大小为15Px的圆角边框
border:粗细 样式 颜色;比如.div {
border:1px solid 4d4d4d
}
常用的样式有dotted(点状) solid(实线) double(双线) dashed(虚线),
你还可以这样 border-style:dotted solid double dashed四条边的样式都不一样
如果你想设置某一个边的样式可以使用
(上)border-top
(右)border-right
(下)border-bottom
(左)border-left
楼主所问的问题全是在CSS3.0中可以实现这效果。圆角代码
<div id="round"></div>
#round {
padding:10pxwidth:300pxheight:50px
border: 5px solid #dedede
-moz-border-radius: 15px /* Gecko browsers */
-webkit-border-radius: 15px /* Webkit browsers */
border-radius:15px /* W3C syntax */
}
-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。
15px代表圆角的直径
阴影代码
#boxShadow{
border: 5px solid #111
-webkit-box-shadow: 5p x5px 7px #999 /*控制阴影此方式为默认方式*/
-webkit-border-bottom-right-radius:15px
padding: 15px 25px
height:inherit
width:590px
}
box-shadow:inset x-offset y-offset blur-radiusspread-radius color
(投影方式)(X轴偏移量)(Y轴偏移量)(阴影模糊半径)(阴影扩展半径)(阴影颜色)
inset———默认的情况下是外阴影,如果取其唯一值“inset”,就是将外阴影变成内阴影,也就是说设置阴影类型为“inset”时,其投影就是内阴影
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)