border

英 [ˈbɔ:də(r)]   美 [ˈbɔ:rdə(r)]  

n.边界;边;镶边;包边

vt.& vi.与…接界,在…的边上

vt.沿…的边,环绕…,给…镶边

vi.近似,毗邻

第三人称单数: borders 复数: borders 现在分词: bordering 过去式: bordered 过去分词: bordered

bottom

英 [ˈ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.桡骨;半径范围;半径(距离);用半径度量的圆形面积

复数: 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>

运行实例 »

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