css圆角box(宽度自适应)(百度知道挖出)
css圆角box(百度知道挖出) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
overflow: hidden;
border-style:solid;
border-width:0;
}
.zhidao_box .rg_2 {
border-right-width: 2px;
border-left-width: 2px;
}
.zhidao_box .rg_3 {
border-right-width: 1px;
border-left-width: 1px;
}
.zhidao_box .rg_1 {
margin: 0px 3px;
}
.zhidao_box .rg_2, .zhidao_box .rg_3 {
margin: 0px 1px;
}
.zhidao_box .rg {
padding-bottom: 1px;
border-left-style:solid;
border-left-width:1px;
border-right-style:solid;
border-right-width:1px;
}
.zhidao_box .tit {
height: 24px;
line-height: 24px;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
}
.zhidao_box .con {
margin: 0px 3px;
padding:5px 5px 5px 8px;
}
/* change color begin */
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
border-color:#a5da94;
}
.zhidao_box .rg_1 {
background: #a5da94;
}
.zhidao_box .rg_2, .zhidao_box .rg_3 {
background: #dbf1d4;
}
.zhidao_box .rg {
border-left-color:#a5da94;
border-right-color:#a5da94;
background: #dbf1d4;
}
.zhidao_box .bg_fff {
相关文档:
1.position的absolute属性表示该块已经完全脱离文本流了。也就是不再占用空间位置
。完全靠top,button,right,left来进行定位。
这个必须能够完全理解。同时为减少错误在设置absolute后,一定至少指定top,buttom,right,left中的一个。
2.如果块设置了absolute属性,其定位的原点和父块的position有关。
如果父块设置 ......
1.全部的代码均在一个DIV容器(我暂时这样称呼) Head里面,我们来看看Head的写法
#Head{
text-align:center;
}
为什么Head前面有一个"#"号呢?
而有的却是在前面加一个"."比如 ".Head",有时候写css的时候干脆什么也不加,比如 td,body,他们有什么区别,具体怎么用,如果仔细你就会发现在HTML ......
元素 | i 对象 IMG 元素 | img 对象 DHTML 对象
IFRAME 元素 | iframe 对象
--------------------------------------------------------------------------------
创建内嵌浮动框架。
成员表
下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
显示 ......
介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
background:transparent url(r ......