1，新建一个html文件，命名为test.html，用于讲解div+css如何实现左右分栏。
2，在test.html文件内，使用div标签创建一个div模块，并设置其class属性为con，主要用于下面通过该class来设置css样式。
3，在test.html文件内，再使用div标签创建两个div，分别设置其class属性为a,b。
4，在test.html文件内，在css标签内，使用“*”初始化页面内所有元素的内外边距都为0。
5，在test.html文件内，对类名为con的div进行样式设置，定义其宽度为500px，高度为400px，居中对齐。同时，设置该div内的两个div的宽度为50%，高度为100%。
6，在test.html文件内，对类名为a的div进行样式设置，定义其背景颜色为红色，浮动向左；对类名为b的div进行样式设置，定义其背景颜色为黄色，浮动向右。
7，在浏览器打开test.html文件，查看实现的效果。
用CSS分别设置。 先看一下常用设置：a:link 超链接的普通样式a:visited 点击过的a:hover 鼠标经过时的a:active 单击时a:link{ text-decoration:none; } 无下划线a:link{ text-decoration:underline; } 有下划线 为了实现不同链接不同效果，我们要为不同效果的那个链接专门定义一个css规则。比如：我们常规css是这样的：a:link{ color:#ff0000} 那么网页上所有链接的颜色都是：#ff0000。现在我们改一下：a:link{ color:#ff0000} .line1 a:link{ color:#000000} 同时，在要改变颜色的链接前加上css定义，像这样：
不同颜色的超链接
，这样的话，这个链接的颜色就改变了。
就是用CSS啊 首先定义一个类 .abc{ text-decoration: none; } 里面设置的就是没有下划线 然后
这个链接没有下划线
要设置鼠标经过时的文本颜色 也是用CSS的 是a:hover{ color: #颜色代码 }