css可以给img元素设置背景图
作者:blank 来源:怿飞’s Blog 时间:2008-09-29 15:35:00
惊叹于老外的发现 《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;
}
标签:背景,图片,img,css
0
投稿
猜你喜欢
IE下float产生双倍margin
2007-12-26 12:29:00
Go语言实现AzDG可逆加密算法实例
2024-02-12 17:50:01
浅谈FastClick 填坑及源码解析
2024-04-10 16:08:57
使用pyinstaller打包django的方法实现
2021-04-10 21:58:11
pandas进行时间数据的转换和计算时间差并提取年月日
2021-03-14 02:22:22
DWCS3-CSS布局之一CSS规则大纲
2008-06-11 18:48:00
分享8 个常用pandas的 index设置
2023-10-24 14:22:13
Go语言包管理工具Godep的用法
2024-02-20 04:09:44
面向对象CSS FAQ[译]
2009-10-27 15:59:00
python线程信号量semaphore使用解析
2023-02-08 08:47:24
PHP iconv 解决utf-8和gb2312编码转换问题
2024-04-29 13:56:58
Python实现公历(阳历)转农历(阴历)的方法示例
2021-08-02 09:54:44
Golang中time.After的使用理解与释放问题
2024-04-25 13:20:08
ASP 千万级数据分页的存储过程
2011-04-14 11:08:00
搜索系统与导航系统的关系
2009-09-08 12:44:00
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2021-03-27 20:28:21
Python用类实现扑克牌发牌的示例代码
2021-01-07 10:07:07
vue3+vite使用jsx和tsx详情
2024-05-10 14:15:47
Python爬取肯德基官网ajax的post请求实现过程
2021-03-31 13:54:00
详解Python中的静态方法与类成员方法
2022-08-02 23:30:16