css样式积累

1.圆角：

border-radius:16px 16px 16px 16px;

2透明度：

filter: alpha(opacity=80);

opacity: 0.8;

3. div内文本自动换行：

<style type="text/css">

<!--

/* 自动换行 */

.atuo_break_line {

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap; /* Mozilla, since 1999 */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */

word-wrap: break-word; /* Internet Explorer 5.5+ */

}

-->

</style>

<div class="atuo_break_line" style="width:80px">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>

4. IE6 IE7实现 inline-block

例如：

.div_rate

{

width: 80px;

height: 10px;

border: 1px solid lightgray;

background-color: transparent;

overflow: hidden;

display: inline-block;

}

.div_rate {

_zoom:1;

*display: inline;

}

hack代码单独写在一个css样式中即可

css样式积累,布布扣,bubuko.com