html怎么通过写代码给img加上一个边框,知道的告诉我一下哈,谢谢了

html怎么通过写代码给img加上一个边框,知道的告诉我一下哈,谢谢了,第1张

<div style='border-radius:10pxwidth:15pxheight:15px'><img src=''/><./div>

定义一个大小为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”时,其投影就是内阴影


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6120768.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-15
下一篇2023-03-15

发表评论

登录后才能评论

评论列表(0条)

    保存