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 ......
JavaScript CSS Style属性对照表
文章来源:http://www.phplamp.org/2008/10/jsavscript-js-css-style/
为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:
JavaScript代码
<script type="text/javascript"> & ......
<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 ......
转:写的不错,对于网页开发有指导意义
在《欲练 CSS ,必先宫 IE》和《你有 <table /> 强迫症吗?》这两篇文章中,看到有不少评论用到div+CSS布局这个说法,用来和table布局比较。实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在di ......
新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人
不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识;
不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会; ......