«
CSS给文本输入框添加背景图片
»-
-
经常会看到有些网站的文本输入框会用一张比较好看的图片做背景,显得非常好看,下面我们也来尝试一下如何利用css实现的给文本输入框添加背景图片的,首先看一下效果图吧。
<html xmlns="http://www.phpernote.com/php-template-framework/189.html"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>给文本输入框添加背景图片示例</title>
<style type="TEXT/CSS">
#phpernote{
width:300px;
height:100px;
background-image:url(
http://www.phpernote.com/images/textareabg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
</style>
</head>
<body>
<textarea id="phpernote">这是一个示例!</textarea>
</body>
</html>