html页面设计

最新推荐文章于 2024-06-20 14:47:17 发布

dltan

最新推荐文章于 2024-06-20 14:47:17 发布

阅读量2.2k

点赞数 2

分类专栏：笔记 html

本文链接：https://blog.csdn.net/tandelin/article/details/89500193

版权

笔记同时被 2 个专栏收录

172 篇文章 15 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/pintuer.css">
    <link rel="stylesheet" href="css/common.css">
    <title>help</title>
</head>
<body>
<div class="padding-bottom-60">
    <div>
        <p class="help-h2 margin-large-bottom">标题</p>
        <div class="padding-large-left">
            <p class="help-h1">一级标题一级标题  help-h1</p>
            <p class="help-h2">二级标题二级标题  help-h2</p>
            <p class="help-h3" style="margin: 0;">三级标题三级标题  help-h3</p>
        </div>

    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">字体颜色</p>
        <p>蓝色  text-blue</p>
    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">段落</p>
        <p>段落首行缩进  text-indent</p>
    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">背景色</p>
        <p>蓝色  bg-blue</p>
        <p>灰色  bg-gray</p>
        <p>白色  bg-white</p>
    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">图片容器</p>
        <p>图片容器  help-img-box</p>
    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">边距</p>
        <p>外上边距15px  margin-top-15</p>
        <p>外上边距60px  margin-top-60</p>
        <p>内下边距60px  padding-bottom-60</p>
        <p>tab标签边距  help-tab-padding</p>
    </div>

    <div>
        <p class="help-h2 margin-bottom margin-large-top">边框</p>
        <p>下边框  border-bottom-blue</p>
        <p>左边框  border-left-blue</p>
    </div>





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

dltan

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
html页面设计

<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chro...
复制链接

扫一扫