zoukankan      html  css  js  c++  java
  • 2018.3.29 div内容格式设置

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                *{
                    font-family: "微软雅黑";
                }
                #a{  /*div宽度*/
                     600px;
                    /*div高度*/
                    height: 600px;
                    /*边框宽度,显示,颜色*/
                    /*border: 1px solid black;*/
                    border-bottom: 1px solid brown;
                    border-top: 1px solid brown;
                    border-left: 1px solid brown;
                    border-right: 1px solid brown;
                    /*背景图片*/
                    background-image: url(img/wangzuxian.jpeg);
                    /*背景图片平铺设置*/
                    background-repeat: no-repeat;
                    /*背景图片尺寸*/
                    background-size: 80% 80%;
                    /*背景图片在DIV中的位置*/
                    background-position: bottom;
                    /*字体颜色*/
                    color: deeppink;
                    /*字体尺寸*/
                    font-size: 60px;
                    /*字体格式:倾斜*/
                    font-style: italic;
                    /*字体宽度:加粗*/
                    font-weight: bolder;
                    /*字体标注:下划线*/
                    text-decoration: underline;
                    /*字体水平居中*/
                    text-align: center;
                    /*字体垂直靠顶部*/
                    display: table-cell;
                    vertical-align: auto;
                }
            </style>
        </head>
        <body>
            <center>
                <div id="a">风华绝代</div>
            </center>
            /*字体首行缩进40em*/
            <p style="text-indent: 40em; color: deeppink;">王祖贤</p>
        </body>
    </html>

  • 相关阅读:
    1.Vue.js的常用指令
    爬虫
    对key中有数字的字典进行排序
    微信公众号服务器验证的坑
    Linux之正则表达式grep
    Oracle之select
    Linux之文件与目录管理
    Linux之vim、压缩与解压缩
    Linux之文件权限、用户管理
    Oracle学习入门
  • 原文地址:https://www.cnblogs.com/0328dongbin/p/8672412.html
Copyright © 2011-2022 走看看