css设置图片高随宽变化而变化

最新推荐文章于 2024-09-08 09:55:18 发布

hw120219

最新推荐文章于 2024-09-08 09:55:18 发布

阅读量4.7k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/hw120219/article/details/54629923

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

其实很简单，只需要设置宽的大小，像素也好，百分比也好，不设置高的大小，css就会自动按照图片的大小缩放比例。

<style>
img{
     text-align:center;
     width: 60%;
}
.image{
     text-align:center;
     width: 100%;
     overflow: hidden;
}
</style>

<div class="image">
    <img alt="" src="http://192.168.10.101/group2/M00/00/60/29.png" >
</div>

css设置表格隔行颜色变化，已经内边距

1.table{width:100%;height:100%;border:0;margin:0px auto 0;text-align:left;border-collapse:collapse;border-spacing:0;}
2.table tr:nth-child(odd){background:#F4F4F4;}
3.table tr:nth-child(even){}
4.table td,table th{padding-bottom:8px;padding-top:8px;border:1px solid #EEE;}