<!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>
