新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
图片格式代表的是一种资源类型,css是用来修饰网页展现的
创新互联公司专注于柳江企业网站建设,自适应网站建设,商城网站开发。柳江网站建设公司,为柳江等地区提供建站服务。全流程定制制作,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
css可以通过对控制对图片的宽高或者外层容器的宽高来改变图片大小或者显示部分
在css3中图片是可以修饰容器边框的,这也是改变图片的一种形式
图片可以作为容器背景,控制背景的显示方式来改变图片的形状拉伸、收缩、平铺等
css3中引入了2d、3d转换动画也是图片形状改变的一种展现
当然更多的形状变化方式题主可以参考css手册进行以上基础的进一步扩展
在css样式中设置background-image属性 比如
body {background-image: url(图片的路径);}
方法一:通过 style="width:180px;height:100px"
img src="" style="width:180px;height:100px"/
方法二:通过调用样式
style type="text/css"
.srcImg{width:180px;height:100px;}
/style
img src="" class="srcImg"/
CSS2.1 之前是不能设置背景图大小的,CSS3就可以通过background-size来设定图片大小,可以是像素或者是百分比。
例如background-size:100px 200px;表示把背景图片大小调整为100x200px。
要把图像应用成为背景,要使用 background-image这一 属性。当background-image 属性默认值是 none的时候,这表示背景上没有放置任何图像。如果需要设置一个背景图像,必须为这个属性设置一个 URL 值。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。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
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上的样式这样写就可以了