css图片样式,css图片样式有哪些

图片居中怎么设置 css

写个简单的例子给你吧

htlm如下：

h4图片水平居中/h4

div class="demo1"

img src="你的图片" alt=""

/div

h4图片垂直居中/h4

div class="demo2"

div class="imgbox"

img src="你的图片" alt=""

/div

/div

h4图片水平垂直居中/h4

div class="demo3"

div class="imgbox"

img src="你的图片" alt=""

/div

/div

css如下：

style type="text/css"

.demo1{width: 200px;height: 200px;border: 1px solid #ccc;display: inline-block;text-align: center;}

.demo1 img{width: 100px;height: auto;}

.demo2{width: 200px;height: 200px;border: 1px solid #ccc;display: table;}

.demo2 .imgbox{display: table-cell;vertical-align: middle;}

.demo2 .imgbox img{width: 100px;height: auto;}

.demo3{width: 200px;height: 200px;border: 1px solid #ccc;display: table;}

.demo3 .imgbox{display: table-cell;vertical-align: middle;text-align: center;}

.demo3 .imgbox img{width: 100px;height: auto;}

/style

相关问答

Q1: CSS li的图片样式

1、css li的图片样式：liimg src="" class="img"/li

2、样式： .img{width:100px; height:100px; background:#f00;}

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

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

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

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

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

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

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

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

Q4: css设置图片样式问题..

1.你是要背景图片100%铺满body;

2.还是body 100%整个网页;

3.还是body是框架集里面的一个页面,你想它的高100%页面;

你的问题使我想到这些问题,不过我想你问的因该是第3个;我就给第3个写个答案吧,如果不是请把问题描述详细写;

在页面的head/head标签中间加上

style type="text/css"

body,html{height:100%}

/style

1.的解决办法

body style=" margin:0;background:url(../images/leftbg.jpg) repeat"

body上的样式这样写就可以了