怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 416 CSS
教你用css3实现图片容器内等比缩放
来源：互联网
2023-03-16 19:17:46 247
教你用css3实现图片容器内等比缩放
工具/原料
- Dreamweaver cs5br />/
步骤/方法
在网页设计中，要实现图片容器的等比缩放，之前老办法可以用CSS3和js来实现，现在HTML5和CSS3这么火了，现在我们就单纯的用CSS3来实现这个缩放效果。
代码如下：
!html>
head>metacharset="utf-8">metacopyright="http://www.web0752.com">
title>css3图片等比缩放，居中显示/title>style>.mysec{
width:400px;
height:200px;
border:solid1px#ccc;
background-color:red;
background-image:url(image/DSCI0002.JPG);/*图片地址*/background-origin:content;/*从content区域开始显示背景*/background-position:50P%;/*图片上下左右居中*/background-size:contain;/*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/
background-repeat:no-repeat;/*图像不重复显示*/}/style>/head>body>sectionclass="mysec">/section>/body>/html>
效果如下：
如果改变一下容器的大小。比如：
将section的width，height属性修改为
width:200px;
height:400px;
我们再来看效果：
- 相关内容未经许可获取自百度经验
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： CSS
上一篇：怎么用div布局加css样式做网页 下一篇：返回列表
相关文章
- 详细阅读
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 256 CSS
- 详细阅读
