从图像创建HTML / CSS的最佳方法

Question

我有这个图片： 我想将其转换为HTML，但我只是不确定从哪里开始

是否可以使用CSS和没有图像（除了它在这里说图像）

Answer 1

如果你把它分解，它几乎是一个包含两个div（一个橙色，一个灰色）和一个边框的包装器。唯一真正棘手的部分是斜线，可以使用：在sudo元素之前完成。

<wrapper>
    <left></left>
    <right></right>
</wrapper>

https://jsfiddle.net/Kiaaanabal/31q37u73/

Answer 2

这很简单

1. 拍摄背景图像（黑色和橙色图层），无文字

2. 通过css

拍摄背景图片

3. 文本图层的左右部分有两个div

希望它有所帮助。