记录学前端的历程2021-07-05

最新推荐文章于 2024-07-23 20:15:47 发布

吹先生

最新推荐文章于 2024-07-23 20:15:47 发布

阅读量75

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_45233606/article/details/118498972

版权

忙忙碌碌，大学三年就这样随之而去，进入了培训阶段！

加油打工人！

今天也是第一天，培训的内容也相对比较浅。

老师讲解了一些基本的关于HTML知识：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小说页面</title>
    <style>
        .bac {
            /* 背景颜色 */
            background-color: #d9cdb6;
        }

        .paragraph {
            /* 首行缩进2个字符 */
            text-indent: 2em;
        }

        .bookinfo {
            color: #999;
        }

        a,
        a:active,
        a:hover,
        a:link {
            text-decoration: none;
        }

        .reader_lnkbtn1 {
            color: #333;
            font-size: 17px;
        }

        .reader_lnkbtn {
            color: #333;
            font-size: 16px;
            width: 87px;
            height: 24px;
            border: 1px solid #b3b3b3;
            border-radius: 2px;
            height: 24px;
            line-height: 24px;
            position: absolute;
            right: 50px;
            margin-top: -2px;
            text-align: center;
        }

        .footer {
            /* 设置宽度 */
            width: 200px;
            /* 设置高度 */
            height: 40px;
            /* 垂直方向 文本居中对齐 [设置行高值  = 高度值 可以让文本在垂直方向居中] */
            line-height: 40px;
            /* 水平方向 文本居中对齐 */
            text-align: center;
            /* 设置背景颜色  */
            background-color: #d32f2f;
            /* 设置字体颜色 */
            color: #fff;
            /* 设置左右外边距值为auto，表示让块级元素在水平方向居中 */
            margin: 0 auto;
        }
    </style>
</head>

<body class="bac">

    <h2 align="center">新书发布</h2>
    <div class="bookinfo" align="center">
        作者：
        <a href="#" class="reader_lnkbtn1">名剑山庄</a>
        &nbsp;&nbsp;|&nbsp;&nbsp; 字数：268&nbsp;&nbsp;|&nbsp;&nbsp;更新时间：<span>2021-04-01 14：26：08</span>
        <a href="#" class="reader_lnkbtn">全文阅读</a>
    </div>
    <hr>
    <div class="paragraph">
        <p>李约瑟之问即尽管中国古代对人类科技做出了很多重要的贡献，但是为什么科学和工业革命没有在近代得分中国发生？</p>
        <p>这是很多人都思考的问题。</p>
        <p>现在也没有一个统一的答案。</p>
        <p>当然啦，这种问题，很多时候，也很难有一个令所有人都信服的答案。</p>
        <p>我也没有这个水平回答。</p>
        <p>只是我是看历时的时候，一直在思考的问题。我也是带着这个思考，来构思这一部小说的。</p>
        <p>一个有现代科学思维的人，到了古代到底能不能发生催化剂一般的效果？将中国古代的发展推上快车道？</p>
        <p>历史不能假设。</p>
        <p>但是小说可以。</p>
        <p>这就是历史小说的乐趣所在。</p>
        <p>我想诸位婷婷我的假设。</p>
        <p>而今天它来了。</p>
        <p>新书《奋斗在大明》，请诸位多多支持。</p>
    </div>
    <div class="footer">￥捧场</div>
</body>

</html>

效果截图;

菜鸟上路，大神多多指点！嘻嘻嘻！

吹先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
记录学前端的历程2021-07-05

忙忙碌碌，大学三年就这样随之而去，进入了培训阶段！加油打工人！今天也是第一天，培训的内容也相对比较浅。老师讲解了一些基本的关于HTML知识：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="..
复制链接

扫一扫