css样式改图,css改变图片尺寸

怎样在css中改变图片格式和形状

图片格式代表的是一种资源类型，css是用来修饰网页展现的

css可以通过对控制对图片的宽高或者外层容器的宽高来改变图片大小或者显示部分

在css3中图片是可以修饰容器边框的，这也是改变图片的一种形式

图片可以作为容器背景，控制背景的显示方式来改变图片的形状拉伸、收缩、平铺等

css3中引入了2d、3d转换动画也是图片形状改变的一种展现

当然更多的形状变化方式题主可以参考css手册进行以上基础的进一步扩展

相关问答

Q1: css改变图片形状不用鼠标

1、首先创建一个html文件（本人是使用HBuilder工具，你喜欢用什么就用什么）。

2、然后在html的body下创建一个div.这样比较好结合css完成简单布局和样式。

3。接下来在该div下创建一个按钮和一img.然后设置图片的宽高的初始图片。

4、然后我们添加css代码，简单完成div的样式。包括边框样式，大小，内容居中。

5、然后我们添加js代码，让点击下一张的时候生效。要用到javascript的点击事件，这要用onclick属性，onclick的值就是js中的方法。因为目标是改变img，所以给img标签加上id。

6、在html中添加javascript的值，主要是完成changeImg()方法。changeImg方法主要是改变img标签中src的值，从而起到变换图片的作用。添加了下面的js的内容之后，点击下一张图片就会发生更改了。

7、但是上面的代码到最后一张的时候就会停止，不会跳到最后一张，所以还要加下面的代码才会完成从尾到首的切换，这样一直点都能变换图片，不会有停止了。

Q2: 怎么通过css改变图片的颜色

1、如果想改变css背景图片，一般的做法只能使用css滤镜；

2、css滤镜主要包括：

Speia滤镜 灰度图滤镜 高斯模糊滤镜 反色滤镜 饱和度滤镜

对比度滤镜 亮度滤镜 色相旋转滤镜 阴影滤镜

3、css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜（目前版本基本都支持html5和css3），通过滤镜改变背景图的颜色和效果，当然这些滤镜主要是为了效果而产生，颜色只是固定的几种效果。

4、个别时候，css滤镜还需要结合js使用，才能到达必要效果，其实一般背景图片都是用透明度的css来设置它的颜色度；

透明度css列子：

transparent_class {

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

}

Q3: 如何利用CSS改变图片位置

这样改一下就好了

我看了一下你做的这个东东

上下框的大小是一样的

你只需要在把5的样式强制定义成1的

把1的强制定成5的

你可以看一下如下代码

"

"

无标题文档

#talk{width:900px;height:500px;border:1px

solid

red}

#talk

div{width:280px;height:200px;border:1px

solid

#0000FF;float:left;margin-left:5px;margin-top:5px;}

#talk

.kan0{background:#00FF00}

#talk

.kan5{background:#00FFFF}

你在class="kan0"后面打个空格

然后在家上style="background:#00FFFF"

看一下效果

你在class="kan5"后面打个空格

然后在家上style="background:#00FF00"

看一下效果

看一下吧应该没有问题

这个网站上也有一些这种样式你去看一下大家交流一下