CSS图片大小怎么设?
发布网友
发布时间:2022-04-23 02:43
我来回答
共5个回答
热心网友
时间:2022-04-21 04:08
没具体明白你要实现什么效果,是层的大小和图片一样么?还是放在层里面的图片要喝层适应大小,如果是这样的话,你可以设置层里面的图片样式,比如你要设置id为top的层下面图片的大小就可以设置样式如下#top {
height:500px; width:600px;}#top img { height:500px; width:600px;}<div id="top"><img src=“http://图片地址" /></div>要继承一下的
热心网友
时间:2022-04-21 05:26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{ margin:0; padding:0;}
.top{ width:100px; height:100px; background-image:url(11/1.jpg); border:1px solid red;}
-->
</style>
</head>
<body>
<div class="top"></div>
</body>
</html>
直接定义层的大小为图片的尺寸即可
热心网友
时间:2022-04-21 07:01
你的问题描述有不明确
举几个例子 说几一下边框和图片的一个关系
一、当我们定义了一个层的边框的高宽后,里面的图片(较大)在IE测试显示是正常的
边框会适应图片的宽高去显示 可在FF里面显示就不正常
二、当我们定义一个层的边框后,可是同时定义层里面的图片大小 当然不小于等于外面层的宽高才合理
这样图片的比例可能会变 效果可能会失真 这样我们也要可在外层的CSS中写隐藏掉图片多出的部分 实在不行你就要去处理图片 调整到合适大小
热心网友
时间:2022-04-21 08:52
.img { width:300px; height:135px;margin-top:10px;}
这个是直接设置图片。
如果你的图片在DIV 或者 LI中 也可以这么设置。
.li img { width:300px; height:135px;margin-top:10px;}
热心网友
时间:2022-04-21 11:00
用overflow:hidden隐藏掉