js网页制作10-阿里云开发者社区

js网页制作10

2022-11-08 102

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： js网页制作10

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="2.css"/>
    </head>
    <body>
        <img src="img/denglong.jpg" class="img1">
        <div class="head">
            &nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;部门&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;招生&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;论坛&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;关于&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
    <div class="banner">
        <div class="zuo">
            <a href="#">商业</a><br>
            <a href="#">法律</a><br>
            <a href="#">人文</a><br>
            <a href="#">生物</a><br>
            <a href="#">物理</a><br>
        </div>
        <div class="shang">
            欢度新春佳节
        </div>
        <img src="img/chunjie.jpeg" class="img2" >
    </div>
    </body>
</html>
css
.img1{
    float: left;
    height:7.5rem ;
}
.head{
    background: pink;
    height: 120px;
    font-size: 15px;
    font-weight: bold;
    float: left;
    text-align: center;
    line-height: 120px;
}
.banner{
    width: 700px;
}
.zuo{
    background: yellow;
    width: 200px;
    height: 400px;
    text-align: center;
    float: left;
}
.shang{
    color: red;
    font-size: 1.25rem;
    font-weight: bold;
    background: greenyellow;
    width: 490px;
    height: 50px;
    text-align: center;
    float: left;
}
.img2{
    width: 30.625rem;
    height: 350px;
}

js网页制作10

热门文章

最新文章

相关课程

相关电子书

相关实验场景