时间戳

首页 > 解决方案 > 创建具有 3 个对角线图像的 HTML，并带有相应的文本

html - 创建具有 3 个对角线图像的 HTML，并带有相应的文本

问题描述

我正在尝试为在此处输入图像描述形状对角线的 3 个 div 创建 HTML。我不知道如何对角线排列。如果有人能给我一些提示，那将不胜感激。这是JS FIDDLE 所以我只需要标题、图像、文本，这里的重点是用对角箭头链接图像。

<div class="container">
  <div class="row">
    <div class="col text-center">
    <h3>Title</h3>
    <img style="width:115px;height:115px;" src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-6/256/Circle-icon.png">
    <h4>Lorem Ipsum</h4>
    </div>
    <div class="col  text-center borderline">
    <h3>Title</h3>
    <img style="width:150px;height:150px;" src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-6/256/Circle-icon.png">
    <h4>Lorem Ipsum</h4>
    </div>
    <div class="col  text-center">
    <h3>Title</h3>
    <img style="width:115px;height:115px;" src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-6/256/Circle-icon.png">
    <h4>Lorem Ipsum</h4>
    </div>
  </div>  
</div>

标签： htmlcss

解决方案

谢谢，但刚刚对关闭此投票投反对票的人，因此对于您的信息，人们使用此平台寻求帮助。如果您不能只发送答案，请停止投票。我自己在没有帮助的情况下完成了这项工作。

推荐阅读