普通邊框
border:
5px solid red;
border-bottom:
30px solid red;
border-top-color: red;
- solid:實線 dotted:圓點線 dashed:虛線
- border是對四條邊的3個屬性(width/style/color)進行設定,也可以指定一條邊
邊框使用
border:
30px solid transparent;
border-image:
url(
"./border.png"
)30 round;
- 邊框線形必須為實線,顏色無所謂
- 30:角上的畫素
- round:邊上重複且為整個的圖案,若用repeat則不能保證為整個的圖案
用邊框畫三角形(利用邊框斜切)
樣式
border-radius:
10px;
border-radius:
10em;
border-radius:
10rem;
border-radius:
10vw;
border-radius:50%
;border-radius:
10px 10px 10px 10px;
border-radius:
10px 20px 10px;
border-radius:
10px 20px;
border-top-left-radius:
10px;
width:
800px;
height:
400px;
background:red;
margin:
0 auto;
box-shadow:
50px 30px 0
0 yellow inset;
- 橫向 豎直 模糊區域 擴充套件 顏色 內陰影
- 陰影在外時模糊為外側 陰影在內時模糊為內側
圓角邊框 盒子陰影
在css3中新增了圓角邊框的樣式 border radius屬性用於設定元素的外邊框圓角 語法 border radius length 原理 radius半徑原理 橢 圓與邊框交集形成圓角效果 css3中新增了盒子陰影 box shadow屬性為盒子新增陰影 語法 box shadow h sha...
anroid邊框陰影 圓角陰影 漸變陰影
anroid給邊框加陰影只能對內陰影,沒有給邊框對外加陰影,在自定義shape中增加一層或多層,並錯開,即可 顯示陰影效果。給邊框加陰影可使用 1.圓角陰影效果 內陰影 不加漸變色,第一層漸變色其實沒啥用,是對整個邊框漸變,2dp的陰影還是乙個顏色。android centerx 0.5 andro...
圓角邊框 盒子陰影 文字陰影
border radius length 引數值可以為數值或百分比的形式 如果是正方形設定為乙個圓,把數值修改為高度或者寬度的一半即可,或者直接寫50 如果是矩形,設定為高度的一半即為圓角矩形 該屬性是乙個簡寫屬性,可以跟四個值,分別代表左上角 右上角 右下角 左下角 順時針 分開寫 border ...