边框示例与标签位置的定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="border: 5px solid red">
        边框测试solid的意思是实线,虚线是dotted
    </div>
    <div style="border-left: 5px solid red">
        边框测试2
    </div>
    <div style="
    height:48px;
    width: 80%;
    color: blue;
    font-size:20px;

水平方向居中

    text-align: center;
    /*垂直方向根据标签高度居中*/
     line-height:34px;

字体加粗

     font-weight:bold;
     border: 5px solid red">
        边框测试3
    </div>

</body>
</html>

 

posted @ 2018-04-04 00:12  梦中琴歌  阅读(135)  评论(0编辑  收藏  举报