HTML 第七章:浮动 课后作业

1.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>摄影社区热门小镇</title>
     <style>
         #Ba{width:520px;height:250px;margin:0px auto;border: 1px solid gray;padding: 0px 10px}
         h5{padding: 10px 10px;margin: 0px;color: grey}
         ul {list-style-type: none;padding: 0px 5px}
         li strong{color: #388DFF;font-size: 12px}   span{color: gray;font-size: 10px}
         img{border: 1px solid gray;border-radius:8px;padding:3px;margin-left:10px;}
         img:nth-of-type(3){margin-left:35px}
     </style>
</head>
<body>
       <div id="Ba">
         <h5>摄影社区热门小镇</h5>
           <img src="images/pic_01.jpg"/>
         <ul style="display: inline-block">
             <li><strong>风景狙击手</strong></li>
             <li><span>成员:80</span></li>
             <li><span>作品:276</span></li>
         </ul>
           <img src="images/pic_02.jpg"/>
           <ul style="display: inline-block">
             <li><strong>叙事感</strong></li>
             <li><span>成员:235</span></li>
             <li><span>作品:116</span></li>
         </ul>
           <img src="images/pic_03.jpg " />
           <ul style="display: inline-block;">
               <li><strong>定焦视界</strong></li>
               <li><span>成员:56</span></li>
               <li><span>作品:456</span></li>
           </ul>
           <img src="images/pic_04.jpg"/>
           <ul style="display: inline-block">
               <li><strong>中画幅乐园</strong></li>
               <li><span>成员:130</span></li>
               <li><span>作品&#
  • 3
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值