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

right

英[raɪt]   美[raɪt]  

英[raɪt]   美[raɪt]  

##]

adv.立刻,馬上;向右,右邊;恰當地;一直

adj.正確的;合適的;右方的;好的,正常的

n.權利;右邊;正確,正當;右手

vt.糾正;扶直,使正;整理;補償

vi.(船舶等)復正,恢復平穩

第三人稱單數: rights 複數: rights 現在分詞: righting 過去式: righted 過去分詞: righted

radius

英[ˈreɪdiəs]  

n.橈骨;半徑範圍;半徑(距離);用半徑度量的圓形面積

複數: radii###

css border-top-right-radius屬性 語法

作用:定義右上角邊框的形狀。

語法:border-top-right-radius: length|% [length|%];

##說明:length    定義右上角的形狀。 %    以百分比值定義右上角的形狀。

註解:border-top-right-radius 屬性的長度值和百分比值定義四分之一橢圓(定義外部邊框邊緣的邊角形狀)的半徑(radii)。第一個值是水平半徑,第二個值是垂直半徑。如果省略第二個值,則複製第一個值。如果長度為零,則邊角為方形,而不是圓形。水平半徑的百分比值參考邊框盒的寬度,而垂直半徑的百分比值參考邊框盒的高度。

css border-top-right-radius屬性 範例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-right-radius:2em;
-webkit-border-top-right-radius:2em; /* Safari */
}
</style>
</head>
<body>

<div>border-top-right-radius 属性允许您向右上角添加圆角边框。</div>

</body>
</html>

執行實例 »

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