div居中 边框设置 文字行高设置

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
.divCen{
    width:200px; height:100px;
    margin:90px auto; /*div居中*/
    background-color:#333333;
    color:#FFFFFF;
    line-height : 30px;
    }
.divIn{
    border-bottom : dotted 1px #FFFFFF;
    margin-left:4px;
    }
</style>
</head>
<body>
<div  class="divCen" >
<div class="divIn"  id="box">秒围垦唐1</div>
<div class="divIn"  id="box">秒围垦2唐</div>
<div  class="divIn"  id="box">秒围垦唐3</div>
</div>

</body>
</html>


background与font 总结:

1 、background     

background-attachment:fixed; 背景是否滚动

background-color:gray; 背景颜色

background-image:url(bg.jpg);  背景图

background-repeat:no-repeat; 背景图是否重复

background-position:center 0px; 背景图位置

2、font

font-size                  文字大小(一般均为偶数)
font-family              字体(中文默认宋体)
color                        文字颜色(英文、rgb、十六位进制色彩值)
line-height              行高
text-align                文本对齐方式
text-indent             首行缩进(em缩进字符)
font-weight            文字着重
font-style                文字倾斜
letter-spacing         字母间距
word-spacing         单词间距(以空格为解析单位)

你可能感兴趣的:(color)