请教一个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; 边框是要这样子写的!