我刚刚开始练习将 PSD 转换为 HTML/CSS。但有时你会看到 PSD,而使用 html 和 css 制作似乎是不可能的。
就像这里的那个:
http://i.stack.imgur.com/rx0dl.jpg
非常感谢
我刚刚开始练习将 PSD 转换为 HTML/CSS。但有时你会看到 PSD,而使用 html 和 css 制作似乎是不可能的。
就像这里的那个:
http://i.stack.imgur.com/rx0dl.jpg
非常感谢
您应该采用的方法与将任何其他 PSD 转换为 HTML 的方法相同,在您的脑海中将其分成块并从顶部开始。
在这里,我做了一个非常粗略的例子来说明如何划分它:
在 Photoshop 中使用网格线将图像划分为不同的部分并从那里创建切片。完成后,您甚至可以导出为 html,它也会创建所需的 css 样式。
您可以在此处找到解释操作方法的视频: http ://www.youtube.com/watch?v=DVfxe4pqvo8
好吧,从基础开始:
border-radius
CSS 属性使边框变圆,但您可能需要一些background
图像来制作某些图标。