为了测试CSS可视性相关的属性，我们需要一个div，我么可以点击下面的按钮将div圈出来。
设置CSS中的visibility属性，我们可以控制某个元素的可视性。通过下面的实验我们可以很容易地发现该属性与display的不同，通过visibility隐藏的元素仍然会占用原来的位置，而通过display隐藏的元素则是完全地消失了，不会再占用任何空间。
visibility属性可能的取值有：visible、hidden、collapse。visible表示可见，hidden表示不可见，collapse只有在应用到行和列的时候才表示可见，其余情况表示不可见。可以点击下面的按钮测试这三个属性。
visibility:visible
visibility:hidden
visibility:collapse