网络编程
位置:首页>> 网络编程>> 网页设计>> css可以给img元素设置背景图

css可以给img元素设置背景图

作者:blank 来源:怿飞’s Blog 发布时间:2008-09-29 15:35:00 

标签:背景,图片,img,css

惊叹于老外的发现 《CSS Background image on html image element?》,自己从没关注过,也没想过如此的问题。

实现方法很简单:设置 img 元素为块元素(display:block;),并赋一个 padding 值。

例如(simple demo ):

img {
    display:block;
    background:url('parallax.gif') no-repeat bottom left;
    padding:93px 100px 75px 100px;
}

根据上面的原理,举一反三,通过类似的方法,我们还可以给 img 元素设置双边:

img {
    display:block;
    padding:1px;
    background:red;
    border:1px solid black;
}
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com