border

英[?b?:d?(r)]? ?美[?b?:rd?(r)]??

#n.邊界;邊;鑲邊;包;邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環(huán)繞…,給…鑲邊

##vi.近似,毗鄰

第三人稱單數(shù): borders 複數(shù): borders 現(xiàn)在分詞: bordering 過去式: bordered 過去分詞: bordered

#top

英[ t?p]? ?美[tɑ:p]??

n.頂,頂部;(箱子)蓋,(書頁等的)上欄;首席;陀螺

adj.最高的;頂上的;頭等的;最大的

vt.形成頂部;達(dá)到…的頂端;處於…的最前頭;領(lǐng)導(dǎo)

vi.總結(jié);超越;高聳;結(jié)束

第三人稱單數(shù): tops 複數(shù): tops 現(xiàn)在分詞: topping 過去式: topped 過去分詞: topped

left

英[left]? ?美[l?ft]??

adj.左邊的,左邊的;左派的

n.左,左面;[軍]左翼;左派,激進(jìn)份子

adv.向左;在左邊

v.離開( leave的過去式和過去分詞)

複數(shù): lefts

radius

英[?re?di?s]? ?美[ ?redi?s]??

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

複數(shù): radii

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

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

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

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

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

css border-top-left-radius屬性 範(fàn)例

<!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>

執(zhí)行實(shí)例 ?

點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例