用h5编写这个网页,我圈出来的部分不会写,请问这里应该用什么呢?如果能写出来最好了
3条回答 默认 最新
- 天际的海浪 2022-07-09 22:44关注
用float: left;浮动或flex做都可以啊
你题目的解答代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title> 页面名称 </title> <style type="text/css"> .box { width: 400px; background-color: #009; } .box > .itme{ float: left; width: 200px; height: 70px; margin: 20px 0px; } .box > .itme .t1{ font-size: 30px; color: #fff; text-align: center; } .box > .itme .t2{ font-size: 20px; color: #ccf; text-align: center; } .box > .itme:nth-child(2n):before { content: ""; display: block; float: left; width: 0px; height: 30px; margin-top: 10px; border-left: 1px solid #99c; } .box:after{ content: ""; display: block; clear: both; } </style> </head> <body> <div class="box"> <div class="itme"> <div class="t1">1824</div> <div class="t2">当年销售额</div> </div> <div class="itme"> <div class="t1">1920</div> <div class="t2">当月销售额</div> </div> <div class="itme"> <div class="t1">19%</div> <div class="t2">利润额</div> </div> <div class="itme"> <div class="t1">1824</div> <div class="t2">当年销售额</div> </div> <div class="itme"> <div class="t1">1920</div> <div class="t2">当月销售额</div> </div> <div class="itme"> <div class="t1">19%</div> <div class="t2">利润额</div> </div> </div> </body> </html>
如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥20 @microsoft/fetch-event-source 流式响应问题
- ¥15 ogg dd trandata 报错
- ¥15 高缺失率数据如何选择填充方式
- ¥50 potsgresql15备份问题
- ¥15 Mac系统vs code使用phpstudy如何配置debug来调试php
- ¥15 目前主流的音乐软件,像网易云音乐,QQ音乐他们的前端和后台部分是用的什么技术实现的?求解!
- ¥60 pb数据库修改与连接
- ¥15 spss统计中二分类变量和有序变量的相关性分析可以用kendall相关分析吗?
- ¥15 拟通过pc下指令到安卓系统,如果追求响应速度,尽可能无延迟,是不是用安卓模拟器会优于实体的安卓手机?如果是,可以快多少毫秒?
- ¥20 神经网络Sequential name=sequential, built=False