阿里云 Web应用防火墙

简介

阿里云 Web应用防火墙(WAF)是一款针对Web应用的防护产品，提供全面的安全保护，包括SQL注入、跨站脚本攻击(XSS)、文件上传漏洞等常见Web应用攻击方式的防护。本文档介绍了阿里云 WAF 的基本样式设置。

HTML 代码示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>阿里云 Web应用防火墙</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alicdn/next/dist/css/next-app.min.css">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="wrapper">
<div class="top-wrapper">
<div class="top-content-right"></div>
</div>
<div class="select-content">
<select id="selectLang" onchange="changeLanguage()">
<option value="zh-CN">简体中文</option>
<option value="en">English</option>
</select>
</div>
<div class="bottom-wrapper">
<div class="bottom-content-one">版权所有 &copy; 2023 阿里云</div>
<div class="bottom-content-two"></div>
</div>
</div>
<script src="/_next/static/vendors.js" async></script>
<script src="/_next/static/pages/index.js" async></script>
</body>
</html>

CSS 样式设置

在 styles.css 文件中，您可以自定义以下样式：

”`css body { font-size: 14px; color: #333; font-weight: 400; padding: 100px 0px 0px; } .wrapper { width: 850px; margin: 0 auto; } .top-wrapper { padding: 35px 30px 12px; } .top-content-right { padding-top: 20px; } .select-content { display: flex; justify-content: end; } #selectLang { color: rgb(250, 100, 0)!important; border: 1px solid rgb(250, 100, 0); margin-top: auto; cursor: pointer; margin-bottom:12px;} .bottom-wrapper { padding: 0 20px 0 40px;} .bottom-content-one{margin:30px auto} /水平居中/*/