js+css实现字符unicode编码查询代码-html代码-BFW代码库

js+css实现字符unicode编码查询代码

代码语言：html

所属分类：其他

代码描述：js+css实现字符unicode编码查询代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unicode 查询</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#fafafa;--surface:#fff;--border:#e8e8e8;--border-l:#f0f0f0;
  --text:#1a1a1a;--sec:#666;--muted:#999;--accent:#2563eb;--accent-l:#eff6ff;
  --code-bg:#f5f5f5;--shadow:0 1px 3px rgba(0,0,0,.06);
  --font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono','SF Mono',monospace;
}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}
body{display:flex;flex-direction:column;min-height:100vh}

header{padding:48px 0 12px;text-align:center}
header h1{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text)}
header p{font-size:13px;color:var(--muted);margin-top:6px;font-weight:400}

.container{max-width:680px;width:100%;margin:0 auto;padding:0 24px 60px;flex:1}

/* 输入区 */
.input-area{margin-top:32px}
.input-box{
  position:relative;background:var(--surface);border:1.5px solid var(--border);
  border-radius:12px;transition:border-color .2s,box-shadow .2s;
}
.input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.input-box textarea{
  width:100%;padding:20px 24px;background:transparent;border:none;outline:none;
  .........完整代码请登录后点击上方下载按钮下载查看