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

left

英 [left]   美 [lɛft]  

adj.左边的,左侧的;左派的

n.左,左面;[军]左翼;左派,激进分子

adv.向左;在左边

v.离开( leave的过去式和过去分词)

复数: lefts

radius

英 [ˈreɪdiəs]   美 [ˈrediəs]  

n.桡骨;半径范围;半径(距离);用半径度量的圆形面积

复数: radii

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

运行实例 »

点击 "运行实例" 按钮查看在线实例