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;
}


猜你喜欢
- 概述数据库一般都会并发执行多个事务,多个事务可能会并发的对相同的一批数据进行增删改查操作,可能导致脏读、脏写、不可重复度和幻读。这些问题的本
- 本文实例讲述了Node Express用法。分享给大家供大家参考,具体如下:安装npm install --save express基本使用
- 本文实例为大家分享了python样条插值的具体实现代码,供大家参考,具体内容如下import numpy as npimport panda
- <%'使用说明'Dim a'Set a=new CreateExce
- 前言存储过程(Stored Procedure):一组可编程的函数,是为了完成特定功能的SQL语句集,经编译创建并保存在数据库中,用户可通过
- 1. 简介Python 读写文件的二进制数据需要使用到struct模块,进行C/C++与Python数据格式的转换。2. struct模块介
- Axios.js作为Vue官方插件的AJAX组件其主要有以下几个特点:1、比Jquery轻量,但处理请求不多的时候,可以使用2、基于Prom
- 👀前言代码出现异常而报错再正常不过了,但为什么要处理异常?由于异常的存在,代码运行时会出现一大堆的红色字体提示,对于程序员还好,见红色报错见
- Numpy是python常用的一个类库,在python的使用中及其常见,广泛用在矩阵的计算中,numpy对矩阵的操作与纯python比起来速
- 文章所罗列的问题虽然看似简单,但是每个背后都涵盖了一个或几个大家容易忽视的基础知识点,希望能够帮助到你的面试和平时工作。Q1第一个问题关于弱
- --SQL正则替换函数 代码如下:CREATE function dbo.regexReplace ( @source ntext, --
- 列表降维(python:3.x)之前遇到需要使用列表降维的情况,如:原列表 : [[12,34],[57,86,1],[43,22,7],[
- Scrapy 结构概述:一、下载器中间件(Downloader Middleware)如上图标号4、5处所示,下载器中间件用于处理scrap
- 方式1:静态获取,通过直接解析checkpoint文件获取变量名及变量值通过reader = tf.train.NewCheckpointR
- 1)文件 —> 首选项因为 VsCode 默认启用了根据文件类型自动设置tabsize的选项,在设置中添加:"editor.
- 给zblog添加上“运行代码”的功能,这是“密陀僧”修改z-blog源码,给z-bog增添的新功能。这个方法出来很久了,我现在才加上还不晚吧
- 大致介绍在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口例子: function p
- 目录Python协程及asyncio基础知识定义协程函数及执行方法的演变创建协程任务的演变获取协程任务执行结果通过asyncio.gathe
- 图像的全景拼接包括三大部分:特征点提取与匹配、图像配准、图像融合。1、基于SIFT的特征点的提取与匹配利用Sift提取图像的局部特征,在尺度
- 猜测下面这段程序的输出:class A(object): def __init__(self):