bootstrap做网页那个（作业已经么有顺序了）

最新推荐文章于 2023-06-11 12:36:48 发布

ITyuanhonghong

最新推荐文章于 2023-06-11 12:36:48 发布

阅读量695

点赞数

本文链接：https://blog.csdn.net/ITyuanhonghong/article/details/101163384

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <script src="jquery/jquery-3.4.1.min.js"></script>
    <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>

    <style>
        #all {
            width: 1540px;
            height: 100%;
        }

        #loa {

            width: 1540px;
            height: 43px;
            background-color: black;
        }

        .top {
            content: "";
            display: block;
            position: absolute;
            width: 1540px;
            height: 498px;
            background: url("imgs/bcp2.jpg") repeat 50%;
        }

        .aa {
            width: 1170px;
            height: 298px;
            margin-top: 100px;


        }

        .txt2 {
            width: 1140px;
            height: 100px;
            text-align: center;
            margin: 0 auto;

        }

        .pl {
            width: 1140px;
            height: 56px;
            /*background-color: #b92c28;*/
            text-align: center;

        }

        h3 {
            width: 1140px;
            height: 37px;
            font-size: 30px;
            text-align: center;

        }

        .mint {
            width: 1140px;
            height: 20px;
            text-align: center;

        }

        .social {
            width: 1540px;
            height: 54px;
            background-color: silver;
            margin-top: 498px;
        }

        /*.navbar-header{*/
        /*    width: 140px;*/
        /*    height: 43px;*/
        /*}*/
        .navbar {
            width: 1250px;
            height: 43px;
            margin-top: 10px;

        }

        .navbar-nav {
            width: 1250px;
            height: 43px;
        }

        .navbar-brand-sm {
            width: 140px;
            height: 40px;
            text-align: center;
        }

        .navbar-brand-smin {
            width: 90px;
            height: 40px;
            text-align: center;
        }

        .navbar-right-sm {
            width: 140px;
            height: 40px;
            text-align: center;
            margin-left: 140px;
        }

        a {
            color: #cccccc;
        }

        p {
            color: black;
            float: left;
            margin-top: 10px;
            font-size: 12px;
            text-align: center;
        }

        .main {
            width: 1540px;
            height: 800px;


        }

        .main-top {
            width: 600px;
            height: 96px;
            margin: 0 auto;
            text-align: center;

        }
        img{
            width: 200px;
            height: 100px;
        }
        .hang{
            width: 800px;
            height: 300px;
            margin: 0 auto;

        }
        span{
            color: blue;
            font-size: 16px;
            margin-top: 10px;
        }
        .part2{
            width: 200px;
            height: 100px;
            text-align: center;

        }
        footer{
            width: 1540px;
            height: 250px;

        }
        #imgloge{
            width: 241px;
            height: 33px;
        }

    </style>
</head>
<body>
<!--整个-->
<div id="all">
    <!--导航栏-->
    <div id="loa">

最低0.47元/天解锁文章

ITyuanhonghong

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
bootstrap做网页那个（作业已经么有顺序了）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="bootstrap-3.3.7-dist/css/bootstrap.css" rel="styleshe...
复制链接

扫一扫