CSS布局中清除浮动学习总结
2011-3-5 12:15:15 阅读26 评论0 52011/03 Mar5
使用div+css布局比较灵活，而在使用过程中经常性地会使用到float，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。
下面是针对css浮动清除的一些做法：
1:
.left{float:left;}
.right{float:right;}
.cl{clear:both;}
<div class="left"></div>
<div class="right"></div>
<div class="cl"></div>或者<p class="cl"></p>
下面是针对css浮动清除的一些做法：
1:
.left{float:left;}
.right{float:right;}
.cl{clear:both;}
<div class="left"></div>
<div class="right"></div>
<div class="cl"></div>或者<p class="cl"></p>
橘黄色的虚线边框CSS垂直菜单代码
2011-3-5 12:13:56 阅读51 评论0 52011/03 Mar5
代码简介：
个款竖向垂直布局的CSS菜单，不同的是它的菜单项之间用虚线间隔，我们来看它是怎么实现的。它同样是用UL、LI列表打造的菜单，只不过设置菜单的的下边框border的属性为 dashed ，也就是虚线，其实方法非常简单，你可以对照CSS手册，查一下border属性的边框取值，这只是其中之一。
代码内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " |
样式表CSS实现的漂亮进度条 IE6/7/8
2010-6-2 22:10:01 阅读116 评论0 22010/06 June2
样式表CSS实现的漂亮进度条 IE6/7/8
Chrome 4
Firefox 3.5 等等都兼容效果有很多种,直接看下面代码
Chrome 4
Firefox 3.5 等等都兼容效果有很多种,直接看下面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> 样式表CSS实现的漂亮进度条-http://www.web2bar.cn </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.process-bar
纯CSS和JavaScript做的一个大风车效果
2010-5-25 21:43:08 阅读67 评论0 252010/05 May25
下面是我用脚本联合样式表做的风车效果
首先要用CSS做出风车的样子，这个就要根据div的框模型了，当边框的值较小的时候每条边框看起来是一条直线，然而当边框的值变大的时候，边框的棱角就很清晰了，这一点可以根据把一个块的四个边框设成不同的颜色查看效果。当块的长和宽都为零，而border值设得很大时，这时每条边都是三角形的，如图：
![]( "纯CSS和JavaScript做的一个大风车效果 - iaw2001200 - 网页制作CSS-iawsky")
，
然后写四个div，把他们拼贴成如图2的样子，分别对块1、2、3、4，的右、下、上、左边设置不同的颜色，就成了风车的基本原形了。
首先要用CSS做出风车的样子，这个就要根据div的框模型了，当边框的值较小的时候每条边框看起来是一条直线，然而当边框的值变大的时候，边框的棱角就很清晰了，这一点可以根据把一个块的四个边框设成不同的颜色查看效果。当块的长和宽都为零，而border值设得很大时，这时每条边都是三角形的，如图：
然后写四个div，把他们拼贴成如图2的样子，分别对块1、2、3、4，的右、下、上、左边设置不同的颜色，就成了风车的基本原形了。
自定义模块
模块内容加载中...