日期:2014-05-17  浏览次数:20547 次

请教一个CSS问题
我想显示标题与新闻内容页中的内容。
要求类似于下面的样子:

|-----------------
| 标题 |
|------------------
| |  
| 内容 |  
| | 
| |
-------------------

我的页面代码如下:
<div class="main">
  <div class="title1"><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
  <div class="titlecont"><asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></div>
  </div>

我的css代码如下:
.main
{
  width:1100px;
  margin:1px auto;
  height:auto;
  background-color:#CCC;
  border:1px;
}

.title1
{
  float:left;
  width:1050px;
  padding:1px 1px 1px 1px;
  text-align:center;
  background-color:#FFF;
  height:50px;
  line-height:50px;
  font-family:黑体;
  font-size:26px;
  font-weight:bold;
  border:1px;
  clear:both;
}

.titlecont
{
  margin:2px auto;
  padding:1px 1px 1px 1px;
  width:1050px;
  padding-top:8px;
  float:left;
  line-height:30px;
  font-size:12px;
  border:1px;
  background-color:#FFF;
  clear:both;
}

但是运行时结却不是那样的有灰细边线条的效果,请高手指教,谢谢!


------解决方案--------------------
border: 1px solid #cccccc;
------解决方案--------------------
用你代码没看到效果。。。
------解决方案--------------------
border: 1px solid #cccccc; 边框是要这样子写的!