<分区>
是否可以转换我用 Photoshop 创建的元素。
f.e.如果我在 Photoshop 中为按钮创建了一个“皮肤”,其中没有任何文本。我可以将它转换为 CSS,以便稍后在将按钮添加到 HTML 时添加文本并调整按钮的高度/宽度吗?
如果可能,怎么做?
提前致谢!
最佳答案
有很多教程会教你把photoshop切片成html&css
http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/ http://net.tutsplus.com/articles/news/photoshop-to-html-upcoming-ebook-from-nettuts-and-rockable/
但要回答你的问题。这完全取决于您设计的按钮。但是对于 wone 标准,您必须将按钮的背景复制到新文档中并另存为 png 或 jpg(确保切片可以重复的 1 或 3px 图像)
然后使用一些 css3 魔法,您可以设置按钮的样式并确保它适合按钮的内容。
例如:
input[type="text"]
{
/*add rounded corners*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#000 url('../images/button-background.jpg') repeat-x top left;
paddng:3px 6px;
margin:2px 0;
}
背景的 url 应该指向图像,并且当按钮太大时最好添加匹配的背景颜色
关于html - Photoshop 到 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5743019/