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 過去分詞: bottomed

left

#英[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>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

首頁

影片

問答