web_文字有关的CSS属性

坞吾5雾

于 2023-03-14 17:40:26 发布

阅读量286

点赞数

分类专栏： Web开发技术文章标签： css 前端 html css3

本文链接：https://blog.youkuaiyun.com/m0_64139004/article/details/129533691

版权

Web开发技术专栏收录该内容

5 篇文章

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文字有关的CSS属性</title>
<style>
    .mybox {
        width: 500px;
        height: 40px;
        /*border-width: 5px 15px 20px 10px;     顺序：上右下左
        border-color: red yellow blue;
        border-style: solid dotted dashed;*/
        border: red solid 1px;
        margin: 50px 30px 20px 10px;
        padding: 10px;
        float: right;        /*水平分布lift/right*/
        background-color: transparent;        /*transparent:透明色（默认）*/
        
        font-size: 14px;
        font-family: "微软雅黑";
        font-weight: bold;
        font-style: italic;
        /*text-align: center;*/        /*水平方向，相对自己内部文字，不是相对父控件*/
        text-indent: 2em;        /*缩进,两倍等价汉字宽度位置*/
        text-decoration: underline;        /*中划线line-through*/
        line-height: 40px;        /*行高，一般偶数，最美行高为字体大小的1.5倍*/
        /*当行文字垂直居中：设置行高和盒子（div）高相同*/
    }
</style>
</head>

<body>
    <div class="mybox">1</div>
    <div class="mybox">2</div>
</body>
</html>