css border-bottom-left-radius屬性
翻譯結果:
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環繞…,給…鑲邊
##vi.近似,毗鄰第三人稱單數: borders 複數: borders 現在分詞: bordering 過去式: bordered 過去分詞: bordered#bottom
n[ ˈbɒtəm] 美[ˈbɑ:təm] n.底部;末端;臀部;盡頭adj.底部的vt.裝底;測量深淺;找出真相vi.到達底部;建立基礎第三人稱單數: bottoms 複數: bottoms 現在分詞: bottoming 過去式: bottomed 過去分詞: bottomedleft
#英[left] 美[lɛft] adj.左邊的,左側的;左派的n.左,左面;[軍]左翼;左派,激進分子adv.向左;在左邊v.離開( leave的過去式和過去分詞)複數: lefts#radius
英[ˈreɪdiəs] 美[ˈrediəs] n.橈骨;半徑範圍;半徑(距離);以半徑度量的圓形面積n.橈骨;半徑範圍;半徑(距離);用半徑度量的圓形面積# 複數: radii###css border-bottom-left-radius屬性語法
作用:定義邊框左下角的形狀。
語法:border-bottom-left-radius: length|% [length|%];
##說明:length 定義左下角的形狀。 % 以百分比值定義左下角的形狀。
註:border-bottom-left-radius 屬性的長度值和百分比值定義四分之一橢圓(定義外部邊框邊緣的角落形狀)的半徑(radii)。第一個值是水平半徑,第二個值是垂直半徑。如果省略第二個值,則複製第一個值。如果長度為零,則邊角為方形,而不是圓形。水平半徑的百分比值參考邊框盒的寬度,而垂直半徑的百分比值參考邊框盒的高度。
css border-bottom-left-radius屬性範例
<!DOCTYPE html> <html> <head> <style> div { border:2px solid; padding:10px; background:#dddddd; border-bottom-left-radius:2em; } </style> </head> <body> <div>border-bottom-left-radius 属性允许您向左下角添加圆角边框。</div> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例