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 linux驱动，linux应用，多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器，如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助