CSS之DIV布局样式class
2016-09-08 16:21
288 查看
<style type="text/css"> .header{ color:blue; width:100%; height:200px; background-color:green; border-color:red 5px solid; } .left{ color:white; background-color:rgba(0,0,0,1.00); width:49%; height:200px; <span style="color:#CC0000;"> float:left;</span> } .right{ color:orange; background-color:red; width:49%; height:200px; <span style="color:#CC0000;">position:relative; float:right;</span> } </style>
效果图:
相关文章推荐
- CSS基础知识-四(边框样式、caption、表格居中、边框宽度和高度、id和class的区别、Div+CSS布局)
- 精通 CSS+DIV 网页样式与布局 122
- 精通 CSS+DIV 网页样式与布局 139
- 精通 CSS+DIV 网页样式与布局 159
- 用Class组合实现Div+CSS布局
- 精通 CSS+DIV 网页样式与布局 29
- 精通 CSS+DIV 网页样式与布局 37
- 精通 CSS+DIV 网页样式与布局 66
- 精通 CSS+DIV 网页样式与布局 90
- 精通 CSS+DIV 网页样式与布局 91
- 精通 CSS+DIV 网页样式与布局 107
- 精通 CSS+DIV 网页样式与布局 113
- 精通CSS.DIV网页样式与布局(八)——滤镜的使用
- 精通 CSS+DIV 网页样式与布局 123
- 精通 CSS+DIV 网页样式与布局 140
- 精通 CSS+DIV 网页样式与布局 160
- 精通 CSS+DIV 网页样式与布局 30
- 精通 CSS+DIV 网页样式与布局 38
- CSS+DIV网页样式与布局——滤镜
- 精通 CSS+DIV 网页样式与布局 67