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 {
相关文档:
效果如下:
实现方法:利用一下两张图片:
前台代码:
<div id="nagivation">
&nb ......
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dl用得很少,懂得结合使用对做架构是很有好处的哦!
DIV
CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好
ol
有序列表。
<ol>
<li> ......
<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......
新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人
不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识;
不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会; ......