用div控制三块分别显示红色、黄色、蓝色
来源:网络收集 点击: 时间:2024-03-24【导读】:
如何通过div控制划分三块,颜色从上到下分别显示红色、黄色、蓝色呢?可以用css写出来。方法如下。工具/原料more记事本。css设置宽、高、颜色等。方法/步骤1/4分步阅读
用记事本写一个html基础页面:html
head/head
body/body
/html
写完后保存为.html或者.htm均可。编码一般选择utf-8.
2/4在body/body之间加三个div,并为了区分,设置id选择器。代码如:
div id=first/div
div id=second/div
div id=third/div
3/4在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/4保存后,直接双击运行查看效果如图:

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_364860.html
上一篇:密室逃脱22海上惊魂第30关怎么把船库的船拉回来
下一篇:企业微信怎么申请提现