css border-top-left-radius屬性
翻譯結果:
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環繞…,給…鑲邊
##vi.近似,毗鄰第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered#top
英[ tɒp] 美[tɑ:p] n.頂,頂部;(箱子)蓋,(書頁等的)上欄;首席;陀螺adj.最高的;頂上的;頭等的;最大的vt.形成頂部;達到…的頂端;處於…的最前頭;領導vi.總結;超越;高聳;結束第三人稱單數: tops 複數: tops 現在分詞: topping 過去式: topped 過去分詞: toppedleft
英[left] 美[lɛft]adj.左邊的,左邊的;左派的n.左,左面;[軍]左翼;左派,激進份子adv.向左;在左邊v.離開( leave的過去式和過去分詞)複數: lefts
radius
英[ˈreɪdiəs] 美[ ˈrediəs] n.橈骨;半徑範圍;半徑(距離);用半徑度量的圓形面積複數: radiicss border-top-left-radius屬性語法
作用:定義左上角邊框的形狀。
語法:border-bottom-right-radius: length|% [length|%];
##說明:length 定義左上角的形狀。 % 以百分比值定義左上角的形狀。
註:border-top-left-radius 屬性的長度值和百分比值定義四分之一橢圓(定義外部邊框邊緣的角落形狀)的半徑(radii)。第一個值是水平半徑,第二個值是垂直半徑。如果省略第二個值,則複製第一個值。如果長度為零,則邊角為方形,而不是圓形。水平半徑的百分比值參考邊框盒的寬度,而垂直半徑的百分比值參考邊框盒的高度。
css border-top-left-radius屬性範例
<!DOCTYPE html> <html> <head> <style> div { border:2px solid; padding:10px; background:#dddddd; border-top-left-radius:2em; -webkit-border-top-left-radius:2em; /* Safari */ } </style> </head> <body> <div>border-top-left-radius 属性允许您向左上角添加圆角边框。</div> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例