js实现随机头像聊天框无外链

最新推荐文章于 2024-11-13 01:18:00 发布

方寸而已

最新推荐文章于 2024-11-13 01:18:00 发布

阅读量138

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/lch01122/article/details/126291302

版权

本文介绍如何利用JavaScript在前端实现无外链的随机聊天头像生成，适用于提升用户体验和减少对外部资源的依赖。

摘要由CSDN通过智能技术生成

QQ录屏20220811185812

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.wrapper {
				width: 420px;
				height: 550px;
				margin: 0 auto;
				border: 1px solid black;
				background-color: beige;
				background: url(img/1.jpeg);
				background-size: 100%;
			}

			#res {
				width: 380px;
				height: 470px;
				border: 1px solid grey;
				margin: 0 auto;
				margin-top: 10px;
			}

			input {
				width: 250px;
				height: 30px;
				margin-top: 10px;
				margin-left: 20px;
				
			}

			button {
				width: 80px;
				height: 30px;
				
			}

			img {