关闭按钮作为界面上的一个基本元素，其设计的关键性不言而喻。本文将探讨怎么用CSS发明性地设计关闭按钮， 摆脱老一套叉号的设计，为用户给geng独特的交互体验。

关闭按钮的位置

常见的关闭按钮， dou是X形，也有类似电源开关那种，网站关闭按钮的设计，一般dou是以巨大众化的设计为主，Ru果想要出奇制胜，这方面个人觉得不必花费太许多的功夫，Zui许多在网页统一性上，感觉不是那么别扭就Neng了。

在具体设计时 Ru果是web页面弹窗，Zui优良遵守Windows平台规范，把关闭按钮放在右上角；Ru果是桌面应用，Zui优良遵守各自平台的规范。

CSS样式设计关闭按钮

对于网页开发人员 除了页面布局、样式等要素外实现一些功Neng也非常关键，其中关闭按钮就是一个关键的功Neng。

而有时候， 关闭按钮藏有机关，当用户选择放弃的时候，会出现选择框，选择框的话语hen模糊，离开不说离开，放弃不说放弃，而是用一些双义词代替，让用户去思考点击哪个是正确选择，这有点无厘头，但是又有点依依不舍的意思，这样的细小伎俩，也不会激怒用户。

关闭按钮设计用户思维

关闭按钮， 并不浅薄显的觉得关闭网页这样的设计，包括并涵盖了关闭网站，一边推出、注销dou属于这玩意儿范畴，综合就是用户打算离开，不管是永久性离开还是暂时离开，dou要有一个操作，而关闭按钮的设计，就是针对这而出发的。

网站关闭按钮的设计， 在PC端不是太受沉视，基本上原因是在网站右上角有一个细小叉，对于网站不管愿不愿意，用户点击细小叉之后网页立刻关闭，而有时候，一些网站企图“反抗”，弹出这样的问候语“你真实忍心的离开我吗？”之类的言语，但后来啊是无济于事，反而有种画蛇添足的味道。

关闭按钮的形状

在老一套的网站， 一般dou是在左上角，用户Yi经习惯了这样的操作，有的网站故意反其道而行，把关闭按钮放在左边，这样用户习惯点击右边时找到网页没有关闭，然后又点击一次这样优良像是许多些了用户停留时候，说不定骗骗机器Neng，在用户体验上，只会产生副作用。

通过用CSS， 我们Neng打造出个性化的关闭按钮，使你的网页设计geng加独特和吸引人。眼下我们Neng根据个人喜优良对关闭按钮进行个性化设计。