img元素设置背景图以及边框
2009-07-29 14:28
399 查看
转自: http://blog.onlygrape.com/img/453
实现方法很简单:设置 img 元素为块元素(display:block;),并赋一个 padding 值。
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 元素为块元素(display:block;),并赋一个 padding 值。
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;
}
相关文章推荐
- 自定义Dialog,去除系统默认黑色背景以及边框并设置dialog的显示位置
- (复习)windows sdk 画一个四边形、设置虚线边框、背景模式、以及填充
- 可以给img元素设置背景图
- 可以给img元素设置背景图
- 自定义Dialog,去除系统默认黑色背景以及边框并设置dialog的显示位置
- [html5入门-10]解决设置了float了的子元素的父级边框和背景不显示的问题
- 可以给img元素设置背景图
- POI操作Excel表格系列3 --- 背景颜色、边框等属性的读取和设置以及数据有效性的添加
- 自定义Dialog,去除系统默认黑色背景以及边框并设置dialog的显示位置
- 自定义Dialog,去除系统默认黑色背景以及边框并设置dialog的显示位置
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- Android给TextView设置透明背景、圆角边框
- CSS设置元素背景透明,其内的文字不透明
- JPanel设置背景以及Jpanel设置透明的解决办法
- popupWindow设置后完美解决返回键响应无效的方案以及popupWindow背景透明方案
- CSS新特性:圆角边框多栏Gird布局背景设置
- html中设置元素不可编辑的方法以及readonly与disabled区别
- Mac上 IDEA 设置 各字体颜色以及背景颜色设置
- iTerm 2 设置主题背景以及SSH自动连接服务器