按比例缩小图片的CSS代码

代码简介：

CSS按比例缩小图片，有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度。提示：这样用CSS来套JS，会损失很大的加载运行速度等。

代码内容：

View Code

<title>按比例缩小图片的CSS代码 - www.webdm.cn</title>
<style>
img,a img{
border:0;
margin:0;
padding:0;
max-width:200px;
width:expression(this.width>200?"200px":this.width);
max-height:200px;
height:expression(this.height>200?"200px":this.height);
</style>
<img src="http://www.webdm.cn/images/wall3.jpg">
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
代码来自：http://www.webdm.cn/webcode/510d8159-0b80-453a-a7c9-a2b9c79307df.html

转载于:https://www.cnblogs.com/webdm/archive/2011/08/31/2160409.html

按比例缩小图片的CSS代码相关推荐

图片自适应css代码（转）
因为图片大小问题,郁闷了很久!在论坛里找了很多代码都不好用,比如下面的. img,a img{ border:0; margin:0; padding:0; max-width:590px; wi ...
两行 CSS 代码实现图片任意颜色赋色技术
很久之前在张鑫旭大大的博客看到过一篇 PNG格式小图标的CSS任意颜色赋色技术,当时惊为天人,感慨还可以这样玩,私底下也曾多次想过有没有其他方法可以实现,又或者不仅仅局限于 PNG 图片. mix-b ...
CSS实现自适应的图片背景边框代码
代码简介: CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳. 代码内容: View ...
CSS强制按比例缩小图片
<title>CSS强制按比例缩小图片</title> <style> img,a img{ border:0; margin:0; padding:0; ma ...
图片自动翻转css代码,用css实现图片翻转(示例代码)
简介这篇文章主要介绍了用css实现图片翻转(示例代码)以及相关的经验技巧,文章约1193字,浏览量447,点赞数1,值得参考! 用css实现图片翻转 .flip-container { perspec ...
不用背景图片，只用css代码实现面包屑样式
在公司做一个关于面包屑的项目时发现用图片实现需要用图片来解决,但是图片加载很慢,就上网查了一下一般实现的方法,自己总结了一下,实现的方法也是主要用css的boder的属性来巧妙的实现箭头,html代码 ...
css 设置表格右边有图片_20个web前端HTML5初学者实用CSS代码技巧
在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合.有一些是面向CSS初学者的,有一些知识点是进阶型的.希望每个人通过这篇文章都能学到对自己有用的知识. 1.注意外边 ...
实现图片大小的自动控制（图片大小控制CSS代码）
图片大小控制CSS代码将以下代码放到你的样式表文件中即可实现图片大小的自动控制. /*图片大小控制CSS By Tekin */ img,a img{ border:0; margin:0; pad ...
php背景图片透明度,css如何使用opacity属性给背景图片加透明度（代码）
本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS 中无法直接给背景图片加 opacity ...
CSS代码常用代码以及前端图片代码
一.文本设置 font-size:字号参数 font-style:字体格式 font-weight:字体粗细颜色属性 color:参数注意使用网页安全色二.超链接设置 text-decorati ...

按比例缩小图片的CSS代码

按比例缩小图片的CSS代码相关推荐

最新文章

热门文章