写一个html,背景覆盖一张图片,logo在网页上方并居中大小为120x50
时间: 2023-02-07 16:59:05 浏览: 62
你好!这是一个使用HTML和CSS放置一个图片作为背景并在顶部居中放置一个logo的例子:
```html
<html>
<head>
<style>
body {
background-image: url('image.jpg');
background-size: cover;
}
.logo {
width: 120px;
height: 50px;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<img src="logo.jpg" alt="Logo" class="logo">
</body>
</html>
```
这段代码将设置图片"image.jpg"作为网页的背景,并设置图片"logo.jpg"为网页的logo。希望这能帮到你!
相关问题
java代码写个生成验证码图片
以下是一个简单的Java代码,用于生成验证码图片。
```java
import java.awt.*;
import java.awt.image.BufferedImage;
import java.util.Random;
import javax.imageio.ImageIO;
import java.io.*;
public class CaptchaGenerator {
private static final int WIDTH = 120;
private static final int HEIGHT = 40;
private static final int FONT_SIZE = 25;
private static final int CODE_LENGTH = 4;
private static final String CHARACTERS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
public static void main(String[] args) {
BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
Graphics2D g = (Graphics2D) image.getGraphics();
Random random = new Random();
// 设置背景色
g.setColor(Color.WHITE);
g.fillRect(0, 0, WIDTH, HEIGHT);
// 生成随机验证码
StringBuilder code = new StringBuilder();
for (int i = 0; i < CODE_LENGTH; i++) {
int index = random.nextInt(CHARACTERS.length());
char c = CHARACTERS.charAt(index);
code.append(c);
}
// 绘制验证码
g.setFont(new Font("Arial", Font.BOLD, FONT_SIZE));
for (int i = 0; i < CODE_LENGTH; i++) {
int x = i * WIDTH / CODE_LENGTH + 10;
int y = HEIGHT / 2 + FONT_SIZE / 2 - 5;
g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256)));
g.drawString(String.valueOf(code.charAt(i)), x, y);
}
// 添加干扰线
for (int i = 0; i < 10; i++) {
int x1 = random.nextInt(WIDTH);
int y1 = random.nextInt(HEIGHT);
int x2 = random.nextInt(WIDTH);
int y2 = random.nextInt(HEIGHT);
g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256)));
g.drawLine(x1, y1, x2, y2);
}
// 输出验证码图片
try {
ImageIO.write(image, "JPEG", new File("captcha.jpg"));
} catch (IOException e) {
e.printStackTrace();
}
}
}
```
该代码生成一个120x40像素的验证码图片,包含4个字符,每个字符由字母和数字组成。字体大小为25,背景为白色,字符颜色随机。同时,还添加了10条干扰线。
输出的验证码图片保存在当前目录下的captcha.jpg文件中。
用php写一个好看的图形验证码
以下是一个用 PHP 生成好看的图形验证码的示例代码:
```php
<?php
session_start();
// 生成随机字符串
function generateCode($length = 6) {
$characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$charactersLength = strlen($characters);
$randomString = '';
for ($i = 0; $i < $length; $i++) {
$randomString .= $characters[rand(0, $charactersLength - 1)];
}
return $randomString;
}
// 生成验证码图片
$image = imagecreatetruecolor(120, 40);
$bgColor = imagecolorallocate($image, 255, 255, 255);
$textColor = imagecolorallocate($image, 0, 0, 0);
imagefilledrectangle($image, 0, 0, 120, 40, $bgColor);
$code = generateCode();
$_SESSION['captcha_code'] = $code;
// 将验证码字符串绘制到图片上
$font = 'arial.ttf';
imagettftext($image, 20, 0, 20, 30, $textColor, $font, $code);
// 输出图片给浏览器
header('Content-Type: image/png');
imagepng($image);
// 释放内存
imagedestroy($image);
?>
```
这段代码使用 `imagecreatetruecolor()` 函数创建了一个 120x40 的图片,并使用 `imagefilledrectangle()` 函数将背景色填充为白色。然后调用 `generateCode()` 函数生成一个 6 位随机字符串作为验证码,并将其保存到 `$_SESSION['captcha_code']` 变量中。接着使用 `imagettftext()` 函数将验证码字符串绘制到图片上,并输出图片给浏览器显示。最后使用 `imagedestroy()` 函数释放内存。注意,此示例代码需要安装 FreeType 扩展以支持 TrueType 字体。