用div控制三块分别显示红色、黄色、蓝色

2025-04-21 16:40:19

1、用记事本写一个html基础页面：<html> <head></head> <body></body> </html>写完后保存为.html或者.htm均可。编码一般选择utf-8.

2、在<body></body>之间加三个div,并为了区分，豹肉钕舞设置id选择器。代码如： <div i颊俄岿髭d='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。