小白分享学习成果，大神勿喷。用bootstrap做的，引用就不再多说了，哪里写的不好，您多指点

最新推荐文章于 2021-03-21 17:42:59 发布

威廉哥哥

最新推荐文章于 2021-03-21 17:42:59 发布

阅读量323

点赞数 1

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/WilliamsWayne/article/details/51477630

版权

bootstrap 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>作业一</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <style type="text/css">
     .news{
      height:40px;
      color:white;
      line-height:40px;
      background-color: #208d4e;
     }
     .box2{
      height:400px;
      background-color: #27ae60;
      color:white;
      padding-right: 20px;
      padding-top:20px;
     }
     .box2 .logo{
      text-shadow:4px 4px 4px black;
     }
     #sc{
      width:800px;
      height:40px;
      margin:20px 20%;
      color:gray;
     }
    </style>
</head>
<body>
<div class="container-fluied">
    <div class="news">
   <div class="text-center">BootCDN已经支持HTTPS协议啦！</div>
</div>
<div class="box2">
   <p class="blog text-right">博客/关于</p>
   <h1 class="logo text-center">BootCDN</h1>
   <h3 class="text-center">稳定、快速、免费的开源项目CDN服务</h3>
   <h5 class="text-center">共收录了2185个开源项目</h5>
  <input type="text" name="搜索" value="" id="sc" class="text-center" placeholder="搜索开源库，例如：jquery">
</div>
<div class="footer">

</div>
</div> 
</body>
</html>

威廉哥哥

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小白分享学习成果，大神勿喷。用bootstrap做的，引用就不再多说了，哪里写的不好，您多指点

作业一 .news{ height:40px; color:white; line-height:40px; background-color: #208d4e; } .box2{ height:400px; background-color: #
复制链接

扫一扫