m0_57634957 2021-09-25 01:53 采纳率: 100%
浏览 41
已结题

求代码！门路啦 各位亲亲们

img

img

img

img

  • 写回答

1条回答 默认 最新

  • CSDN专家-天际的海浪 2021-09-25 02:02
    关注

    用html+css 做 图片用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>
<link rel="stylesheet" href="a.css"/>
</head>
<body>

    <h2>相关图书</h2>

    <img id="book_img" src="1.jpg" width="200" height="250" alt="" />
    <div id="text_box">
        <P class="zz">作者：张晓蒙</P>
        <P>清华大学出版社</P>
        <P class="jg">定价：￥36</P>
        <P class="jg">书城价：￥31</P>
        <P>积分：50</P>
    </div>

</body>
</html>

    a.css

    h2 {
    padding-left: 20px;
    border-bottom: 1px solid #999;
    font: 20pt "华文行楷";
}

#book_img {
    float: left;
    margin-right: 15px;
}

#text_box {
    padding-top: 5px;
    font-size: 18px;
    font-weight: bold;
}
p.zz {
    text-decoration: underline;
}
p.jg {
    color: #FF9900;
}

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 11月12日
  • 已采纳回答 11月4日
  • 创建了问题 9月25日

悬赏问题

  • ¥15 SQL Server下载
  • ¥15 python如何将动态的多个子列表，拼接后进行集合的交集
  • ¥20 vitis-ai量化基于pytorch框架下的yolov5模型
  • ¥15 如何实现H5在QQ平台上的二次分享卡片效果？
  • ¥15 python爬取bilibili校园招聘网站
  • ¥30 求解达问题（有红包）
  • ¥15 请解包一个pak文件
  • ¥15 不同系统编译兼容问题
  • ¥100 三相直流充电模块对数字电源芯片在物理上它必须具备哪些功能和性能？
  • ¥30 数字电源对DSP芯片的具体要求