outline 用來設定元素的輪廓線，用法和border一模一樣輪廓和邊框不同的點，就是輪廓不會影響到可見框的大小
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
輪廓和圓角<
/title>
.box1
.box1:hover
<
/style>
<
/head>
="box1"
>
<
/div>
<
/body>
<
/html>
box-shadow 用來設定元素的陰影效果，陰影不會影響頁面布局第乙個值 水平偏移量 設定陰影的水平位置 正值向右移動 負值向左移動
第二個值 垂直偏移量 設定陰影的水平位置 正值向下移動 負值向上移動
第三個值 陰影的模糊半徑
第四個值 陰影的顏色
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
輪廓和圓角<
/title>
.box1
<
/style>
<
/head>
="box1"
>
<
/div>
<
/body>
<
/html>
border-radius: 用來設定圓角 圓角設定的圓的半徑大小border-top-left-radius:
border-top-right-radius
border-bottom-left-radius:
border-bottom-right-radius:
border-radius 可以分別指定四個角的圓角
四個值 左上 右上 右下 左下
三個值 左上 右上/左下 右下
兩個個值 左上/右下 右上/左下
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
輪廓和圓角<
/title>
.box1
<
/style>
<
/head>
="box1"
>
<
/div>
<
/body>
<
/html>
CSS屬性 陰影 輪廓 漸變
注 本文摘自 寧靜致遠 csdn 但願人長久 千里共嬋娟 csdn 使用box shadow屬性可以為元素新增陰影效果,比如 關鍵字是否必須作用值 h shadow 是陰影的水平偏移量 長度值，正值代表陰影向右偏移，負值代表陰影向左偏移 v shadow 是陰影的垂直偏移量 長度值，正值代表陰影向下...
css圓角邊框及陰影
css3可以簡單理解成是css的增強版，它的優點在於不僅有利於開發與維護，還能提高 的效能。圓角在實際開放過程中，還是蠻常見的。以前基本是通過背景做的，有了css3後可以使用簡單的屬性搞定，可以通過border radius設定元素的圓角半徑。1 圓角邊框語法 圓角邊框屬性 border radiu...
css學習（二） 背景 圓角 陰影
如果寫成簡寫 background 455678 url no reapeat scroll 0 0 cover padding box background size需要在background position後面，並且必須要用 分割 background origin屬性必須要在backgrou...