其他樣式

　　1.display，直譯為顯示，表示元素的顯示方式

　　　　block，塊狀的顯示方式

　　　　none，元素不顯示，即隱藏。這里的隱藏式不占位置的，即元素會消失。

　　2.visibility，直譯為可見性，表示元素可見與否，

　　　　visible，默認，元素為可見，

　　　　hidden，元素為隱藏。這里的隱藏式元素不可見，元素的位置依然保留。

　　3.overflow，直譯為溢出，表示超出元素的內容的處理方式，

　　　　visible，默認，顯示

　　　　hidden，隱藏，超出元素的部分不再顯示，

　　　　scroll ，顯示滾動條，超出元素的部分會添加滾動條在元素內滾動顯示。

　　4.透明效果，opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)

　　　　后兩個代碼用于聲明在不同瀏覽器中的兼容，

　　　　0.5和50表示透明度是50%，值越小透明度越高。

　　5.圓角效果，border-radius:5px;

　　　　表示設置的圓角的半徑是5像素，

　　　　可以設置正方形元素圓角半徑大于等于其邊長的一半來畫圓，

　　　　可以單獨設置元素某一個角的圓角，如border-bottom-left-radius:5px;，位左下角的圓角為5像素。

　　6.陰影效果，box-shadow:0 0 5px white;

　　　　第一個值表示陰影的水平移動，正值為向右移，負值為向左移，

　　　　第二個值表示陰影的垂直移動，正值為向下移，負值為向上移，

　　　　第三個值表示陰影的擴散大小，

　　　　第四個值表示陰影的顏色。

　　　　還可以添加的值inset，表示陰影是向元素內擴散的。

轉載于:https://www.cnblogs.com/zxbs12345/p/7903445.html

總結

以上是生活随笔為你收集整理的其他样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。