阿里云 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} /水平居中/*/