ARTORIUS_BTG 2021-06-07 18:15 采纳率: 100%
浏览 93
已采纳

web前端，用基础HTML和CSS如何实现图下效果？

图1是原图，图二是我自己写的样图。

图二蓝色框框内内容无法实现，请问用基础HTML和CSS应该怎么实现这个效果。

望告知，卡了一个星期了，谢谢各位巨佬。

  • 写回答

6条回答 默认 最新

  • CSDN专家-天际的海浪 2021-06-07 18:19
    关注

    蓝色框框内内容可以用float: left;实现

    代码如下：{如果对你有帮助，可以给我个采纳吗，谢谢!! 点击我这个回答右上方的【采纳】按钮}。

    <!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">
ul.box {
	border: 1px solid #66f;
	width: 400px;
	height: 100px;
}
ul.box > li{
	width: 200px;
	float: left;
}
</style>
</head>
<body>

<ul class="box">
	<li>AAAAAAAAAAA</li>
	<li>BBBBBBBBBBB</li>
	<li>CCCCCCCCCCC</li>
	<li>DDDDDDDDDDD</li>
</ul>

</body>
</html>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

悬赏问题

  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
  • ¥15 安装svn网络有问题怎么办
  • ¥15 vue2登录调用后端接口如何实现