|
內容：首先在<body>標簽內部里添加一個大層（大層用來固定整體大框架），然后大層內包含四個小層（四個小層里分別放四個圓角（事先用ps做好橢圓形形狀，然后用切片工具切圖 ））
樣式：在<head>標簽內部設置的css要有的屬性：
1.position：relative；
2.寬和高;
3背景顏色;
4.邊框線（用來調整四個原角的相對位置，調整好后可以將邊框線設置刪除）
在設置小層的css時，每個層里都要有的屬性有：
1.position：absolute；
2.寬和高；
3.方向屬性（left，right，bottom,top）
4.background：url（""）no-repeat;(引入各個方向的圓角圖片)
當別人已經重構、語義、可訪問性時，我還剛剛掌握div+css；之前制作圓角矩形一直使用圖片 拼接四個角，這種方式就是額外增加了多個圖片，相對讓人抓狂。
此方法主要是繪制圓角的，繪制的方式與二位坐標的角度是不一樣，官方參數資料如下：
x 矩形區域左上角的 X 軸坐標，這個矩形區域定義用來繪制弧形的橢圓形。
y 矩形區域左上角的 Y 軸座標，這個矩形區域定義用來繪制弧形的橢圓形。
width 矩形區域的寬度，這個矩形區域定義用來繪制弧形的橢圓形。
height 矩形區域的高度，這個矩形區域定義用來繪制弧形的橢圓形。
startAngle 弧形的開始點角度，順時針自 X 軸所測得的度數。
sweepAngle 介於弧形的 startAngle 和結束點的角度。
|
