放大css样式,css图片放大代码-成都快上网建站

放大css样式,css图片放大代码

CSS样式可以对图片大小进行设置呢?

你可以使用zoom属性,不过这个是同比例放大缩小的。

在万宁等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站建设、成都做网站 网站设计制作按需求定制开发,公司网站建设,企业网站建设,成都品牌网站建设,全网营销推广,外贸网站制作,万宁网站建设费用合理。

style

type="text/css"

.div{

background:url(indexFlash/images/1.png)

no-repeat;

height:130px;

width:130px;

zoom:2;

}

.div

*{

zoom:0.5;

}

/style

div

class='div'

div

class="sub"dddd/div

h1131232/h1

divdddd/div

/div

因为整个DIV和DIV里面的内容都会变大,所以你要计算清楚DIV的宽度高度和内容的各项数值

如果你希望DIV宽度是200,背景图片放大2倍,其他内容不变

那么就要写

.div{

zoom:2;

width:100px;

}

*选择了.div包含的所有元素样式,把他们变回正常大小,不然所有东西都巨大无比-

-!

.div

*{

zoom:0.5;

}

如何在HTML中用CSS对图片进行缩放

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档,在body标签中添加一张图片,给这张图片设置css属性,添加“tansform”缩放属性,属性值为“scaleX(n)”,scaleX(n)指的是对宽度进行缩放,n指的是缩放比例:

2、将transform的属性值改为“scaleY(n)”,scaleY(n)指的是对高度进行缩放,n指的是缩放比例:

3、将transform的属性值改为“scale(n)”,scale(n)指的是对图片的宽度和高度同时进行等比例缩放,n指的是缩放比例:

怎么在dreamweaver里创建图片放大功能的css样式

CSS有一个伪类:hover。在CSS里,你可以定义鼠标经过前的图片大小,然后在这个选择器后面加上:hover并设置鼠标经过时的图片大小。这只是简单的放大,还可以运用transfer和transition属性做更好的放大效果

csspc端放大缩小自适应

将img的宽高设置成100%。层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,不管容器有多大,只要将img的宽高设置成100%就能自适应容器大小,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

css哪个属性可以放大

这个效果要求是每个item元素的高度都是宽度的2倍,我们首先父元素box设置了宽度100%,这里我们主要利用padding的一个属性来解决问题,因为padding的宽度如果是百分数来计算的的话

那么它的实际值都是相对父元素的宽度来算百分数的值,包括 padding-bottom 和 padding-top 也是如此,所以我们这里宽度可以设置为40%。由于我们这里box的宽度是100%,而高度没有告诉,所以不能直接设置高度值来取得效果,我可利用padding-bottom来代替height值,即如上所示,把height设为0,而把padding-bottom设为80%,这样我们就可以看到效果了,你可以随意拖放浏览器窗口大小,都是等比列缩小放大的哦这个也算是自适应屏幕的一个小方法吧》。。

html代码

代码如下

div class="box" div class="item"/div div class="item"/div div class="item"/div div class="item"/div /div

css代码

代码如下

.item { width:40%; height:0; padding-bottom: 80%; background-color:#f00; float:left; margin:10px 5px;; }


当前名称:放大css样式,css图片放大代码
链接URL:http://kswjz.com/article/dsohphe.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流