开发者社区> 问答> 正文

图片环绕的效果 css怎么实现

screenshot
让标号1的一组图片环绕标号2的这张图片

<div>
        /*让他们环绕我*/
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=可爱的小周周/dd4814/ffffff" />
        </div>
        /*环绕他去*/
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=叫/dd4814/ffffff" />
        </div>
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=我/dd4814/ffffff" />
        </div>
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=小/dd4814/ffffff" />
        </div>
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </div>
        <div>
            <img src="http://www.gbtags.com/gb/laitu/400x200&text=周/dd4814/ffffff" />
        </div>
    </div>

大神帮帮忙,谢谢啦^_^!

展开
收起
杨冬芳 2016-06-12 19:07:58 2275 0
1 条回答
写回答
取消 提交回答
  • IT从业

    大图用float,小图用margin——Css里用nth-child()控制不同小图的位置。
    演示:
    screenshot

    2019-07-17 19:34:58
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载