码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-01-11 18:31:54      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:color

<!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         单词间距(以空格为解析单位)

本文出自 “JAVA” 博客,请务必保留此出处http://yuanfangsenlin.blog.51cto.com/7728508/1733855

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

标签:color

原文地址:http://yuanfangsenlin.blog.51cto.com/7728508/1733855

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!