【问题标题】:Two column blocks with image and text带有图像和文本的两个列块
【发布时间】:2012-06-15 08:41:24
【问题描述】:

我正在寻找类似this 图像的东西。

每个块都有一个图像(方形图像)和文本。

有人知道如何设计吗?我更喜欢 CSS 解决方案。

谢谢!

【问题讨论】:

  • 到目前为止你有什么代码?您的技术问题在哪里?
  • 您并没有在这里提出实际问题。从你写的,当然是可以做到的。当您说 CSS 时,您可能会想到 HTML。只需有 4 个 div,将您的图像和内容放在那里并排列 div。随你怎么便。从这里开始w3schools.com/tags/tag_div.asp 甚至从这里开始w3schools.com/html/html_basic.asp
  • @Lokase :这只是我正在构建的整个布局的一部分。到那时我尝试过的东西有问题,一直在处理图像属性,我没有尝试 div(我知道我很愚蠢)。 Chin 的回答似乎足以解决我的问题。谢谢:)。

标签: css image block two-columns two-column-layout


【解决方案1】:

正如其他人评论的那样,您的问题有点含糊。但是,我在jdFiddle 上做了一个快速混搭。图案背景可以通过 CSS3 图案来实现,尽管它们与旧版浏览器不完全兼容。我使用了border-radius CSS 在方框中创建圆角。看看它,希望能给你一个关于如何去做你赢得的东西的想法。还建议查看在上述 cmets 上提交的 w3schools 链接。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-26
    • 1970-01-01
    相关资源
    最近更新 更多