(1)设置页面背景图像为 login back.gif,并且背景图像垂直平铺。
〈2)使用类选择器,设置按钮的样式,按钮背景图像:login_submit.gif
字体颜色:green:字体大小:14px: 字体粗细:bold:按钮的边界、边框和填充均为 Opx。
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style>
body {
background-image: url("login_back.gif");
background-repeat: repeat-y;
}
.button {
background-image: url("login_submit.gif");
color: green;
font-size: 14px;
font-weight: bold;
border: 0px;
padding: 0px;
}
</style>
</head>
<body>
<h1>Login</h1>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<button class="button">Submit</button>
</form>
</body>
</html>