当前位置: 代码迷 >> HTML/CSS >> div如何控制边框的长度啊
  详细解决方案

div如何控制边框的长度啊

热度:823   发布时间:2012-02-19 19:43:38.0
div怎么控制边框的长度啊?
#reg   {
CLEAR:   both;   BORDER-RIGHT:   #ccc   1px   solid;   PADDING-RIGHT:   5px;   BORDER-TOP:   #ccc   1px   solid;   PADDING-LEFT:   5px;   PADDING-BOTTOM:   5px;   BORDER-LEFT:   #ccc   1px   solid;   PADDING-TOP:   5px;   BORDER-BOTTOM:   #ccc   1px   solid;   HEIGHT:   95px;   BACKGROUND-COLOR:   #ffffff
}

以上css定义,可是当使用 <div   id=reg> </div> 来显示时,边框的长度去很长,我现在想缩小一下,请问要怎么改?
谢谢

------解决方案--------------------
长度?
边框的长度就是元素的高度(宽度)
------解决方案--------------------
其实你的代码不必要写那么多吧,用CSS的简写更好啊,就像下面,你试下
<style>
#reg {
CLEAR: both;
BORDER: #ccc 1px solid;
PADDING:5px;
HEIGHT: 95px;
width:100px;/*这一行是新加上的,不知道你要的是不是这个效果*/
BACKGROUND-COLOR: #ffffff
}
</style>
<div id= "reg ">
</div>

------解决方案--------------------
在missilemy(火箭) 的基础上,再加一句:margin:0 auto;
然后再加上
body {
text-align:center;
}
就可以居中了
  相关解决方案