-1

所以我一直很难想出一种方法来问这个问题，所以我只会告诉我我做了什么以及我想做什么。

我在 Photoshop 中为带有导航栏和登录字段的网页创建了一个简单的设计。我将需要的图像切片并作为 html 和图像保存到我的站点文件夹中。我打开了dreamweaver 并打开了那个文件。网页看起来很棒，但我无法在文本框中输入文本，因为它们只是图像。所以我的问题是如何让这些文本框图像成为真正的文本框而不丢失它们的设计和字体样式？

我的 Web 编程经验水平：我有 HTML 和 CSS 以及一些 PHP 的编程经验。

4

2 回答 2

0

您可以使用该backgroung-image属性，例如： 在您的 html/php 文件中：

<div class="box">
contents here
</div>

在您的 css 文件中：

.box
{
background-image:url('image.jpg');
font-family: yourFont;
}
于 2012-10-23T19:39:10.240 回答
0

如果您想要 HTML 字段，人们可以在其中输入内容，那么您需要制作一个表单（类似这样）：

<form>
<input type="text" class="someClass" />
</form>

然后，您可以使用您的图像为其添加背景，就像 Kelsar 所写的那样。

.box
{
background-image:url('image.jpg');
font-family: yourFont;
}

因此，首先在 HTMl 中构建它，然后使用 CSS 让它看起来更甜美整洁。如果您对 HTML 表单没有任何经验，那么您可以在这里阅读：http ://www.tizag.com/htmlT/forms.php

祝你好运。我希望它有所帮助。

于 2012-10-23T19:55:42.000 回答