用div控制三块分别显示红色、黄色、蓝色
1、用记事本写一个html基础页面:<html>
<head></head>
<body></body>
</html>
写完后保存为.html或者.htm均可。编码一般选择utf-8.
2、在<body></body>之间加三个div,并为了区分,设置id选择器。代码如:
<div id='first'></div>
<div id='second'></div>
<div id='third'></div>
3、在<head></head>之间写css代码:比如设置宽度100px,高度100px,颜色各有不同设置,注意要有引入css的标记<style></style>.具体代码如下:
<style>
#first{
height:100px;
width:100px;
background:red;
}
#second{
height:100px;
width:100px;
background:yellow;
}
#third{
height:100px;
width:100px;
background:blue;
}
</style>
4、保存后,直接双击运行查看效果如图:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:26
阅读量:55
阅读量:73
阅读量:193
阅读量:160