前端开发字体设置举例 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中国人</title>

        <style>
            a {
                font: 700 20px "microsoft yahei";

                display: block;
                width: 200px;
                height: 50px;

                background-color: red;

                /* 控制文本 垂直方向居中 */
                line-height: 50px;

                /* 控制文本水平方向居中 */
                text-align: center;

                letter-spacing: 30px;

                text-decoration: none;
            }
        </style>
    </head>
    <body>
        <a href="">确认</a>
    </body>
</html>
image
posted @ 2020-10-10 11:01  thomas_blog  阅读(427)  评论(0)  编辑  收藏  举报