展示页面

最新推荐文章于 2023-03-13 10:25:29 发布

置顶 jiepp

最新推荐文章于 2023-03-13 10:25:29 发布

阅读量413

点赞数

文章标签：展示页面

本文链接：https://blog.csdn.net/jiepp/article/details/101148267

版权

展示页面

网页展示：

网页展示

编辑器制作效果展示：

在这里插入图片描述

代码展示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {padding: 0;margin: 0}
        body {height: 2000px}
        #d {text-align: center}
        #d1 {display: flex;justify-content: center}
        #d1 div {width: 300px;height: 460px;margin-right: 15px;box-sizing: border-box;transition: all 0.3s}
        #d1 div div {height: 398px;overflow: hidden}
        #d1 div img {transition: all 0.5s}
        #d1 div:hover img {transform: scale(1.1)}
        #d1 > div:hover {box-shadow: 0px 5px 10px black}
        #d2 {display: flex;flex-flow: column nowrap;justify-content: center}
        #d2 p:nth-child(1) {color: #02B2B5;font-size: 25px}
        #d2 p:nth-child(3) {color: #02B2B5;font-size: 25px}
    </style>
</head>
<body>
<div id="d">
    <div id="d2">
        <p>我们的团队</p>
        <p>TEAM</p>
        <p>----</p>
        <p>我们的生存，就是在恶劣的环境中坚强地创造生存空间；我们的团队，就是在充满争斗的对手中组织强大的团队；力量；我们的智</p>
        <p>慧，就是在强着之列不断竞争、超越！主要创始人均来自企业XX高管更懂中国企业，熟悉成长型企业特点15年来与XXX余家企业</p>
        <p>共同成长！我们为自己负责，更为客户负责！</p>
    </div>
    <div id="d1">
        <div>
            <div><img src="img/1-2.jpg" alt="图片"></div>
            <p>Coco</p>
            <span>高级产品拍摄师</span>
        </div>
        <div>
            <div><img src="img/2-1.jpg" alt="图片"></div>
            <p>Anna</p>
            <span>网络营销顾问</span>
        </div>
        <div>
            <div><img src="img/3-1.jpg" alt="图片"></div>
            <p>Jone</p>
            <span>高级品牌营销顾问</span>
        </div>
    </div>
</body>
</html>

全部代码作于2019年-9月-21日

jiepp

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
展示页面

展示页面网页展示：编辑器制作效果展示：代码展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * {padding: 0;ma...
复制链接

扫一扫