怎么新建MySQL数据库
发布时间：2021-10-12
作者：admin
阅读：432
阅读：432
用css怎样做类似淘宝页面留白的效果？页面留白的效果就是当我们在缩小浏览器页面的时候，内容部分不缩小，留白部分缩小，就像淘宝页面一样，当然这个效果很多网站都可以实现，接下来我们就来看看这是怎样实现的。
做一个淘宝的留白：
当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变小。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.wrapper{
height: 30px;
background-color: gray;
}
.content{
width: 1200px;
height: 30px;
background-color: #0f0;
margin: 0 auto;/* 上下0,左右自适应 */
}
</style>
</head>
<body>
<div class="wrapper"><!-- 背景区 -->
<div class="content"></div><!-- 内容区 -->
</div>
</body>
</html>
这样当你在缩放的时候，缩放的是外面灰色的部分，绿色的部分始终居中。
里面的文字就是这样来写了
<div> <ul style="float: left;"></ul> <ul style="float: right;"></ul> </div>
以上就是用css做类似淘宝页面留白的效果的介绍，上述示例具有一定的借鉴价值，有需要的朋友可以参考学习，希望对大家有帮助，想要了解更多大家可以继续浏览群英网络其他相关的文章。
文本转载自脚本之家
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
相关阅读
长按识别二维码并关注微信
更方便到期提醒、手机管理