滕州市名厨委:利用CSS定位背景图片
来源:百度文库 编辑:中财网 时间:2024/05/01 03:23:04
background-position -- 定义背景图片的位置垂直 垂直与水平的组合 inherit: 继承 引用网址:http://www.dreamdu.com/css/property_background-position/ 初始值: 0% 0% 继承性: 否 适用于: 所有元素 background:背景.position:位置.
- 取值: [ [
| | left | center | right ] [ | | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit - 水平
- left: 左
- center: 中
- right: 右
- 水平
- top: 上
- center: 中
- bottom: 下
- x-% y-%
- x-pos y-pos
示例
body { background-image:url('list-orange.png');background-repeat:no-repeat;}p { background-image:url('list-orange.png');background-position:right bottom ;background-repeat:no-repeat;}div { background-image:url('list-orange.png');background-position:50% 20% ;background-repeat:no-repeat;}
屏幕左上角显示一个橙色点.p段落的左下角显示一个橙色点.div中间偏上显示一个橙色点.
说明
background-position属性是通过平面上的x与y坐标定位的,所以通常取两个值.
例如:
左上角为0%, 0%. 右下角为100%, 100%.例如58%,56%就是从左上角算起,右移58%,下移56%.
6cm 8cm,从左上角算起,右移6cm,下移8cm.
下面是一些等式
- top left, left top 等价于 0% 0%.
- top, top center, center top 等价于 50% 0%.
- right top, top right 等价于 100% 0%.
- left, left center, center left 等价于 0% 50%.
- center, center center 等价于 50% 50%.
- right, right center, center right 等价于 100% 50%.
- bottom left, left bottom 等价于 0% 100%.
- bottom, bottom center, center bottom 等价于 50% 100%.
- bottom right, right bottom 等价于 100% 100%.
css背景图片
css绝对定位。
Css实现背景图片半透明效果。
CSS定义局部背景图片的问题
网页里的CSS菜单定位问题
关于如何实现在"css"中插入背景图片
css+js控制随机背景图片的代码怎么写?
百度空间中如何修改css可以使背景图片不动?
谁知道怎么利用CSS自定义制作网页
关于css语言中精确定位的问题
谁能告诉我CSS定位的详细技巧
如何利用查找替换功能定位?
如何利用openoffice writer定位特定字符
怎样利用坐标进行房屋定位
如何定位资源的合理利用?
谁知道怎么利用影子来定位?
百度空间怎么利用CSS代码添加自定义视频?
为什么在xml里引用css样式时无法显示背景图片
怎么用 css 换背景图片啊 要最详细的 谢谢
CSS?????????
谁能给我一个用DW8可视化写CSS的教程。另外 问一下绝对定位,与相对定位
海豚的定位是不是利用了自身发射的红外线?
雷达的定位是利用自身发射的电磁波吗?
《css有关问题》我用div的定位达到居中的效果,可是。。。。。……