CSS3 border-bottom-left-radius ÊôÐÔ

ʵÀý

Ïò div ÔªËØµÄ×óϽÇÌí¼ÓÔ²½Ç±ß¿ò£º

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

IE9+¡¢Firefox 4+¡¢Chrome¡¢Safari 5+ ÒÔ¼° Opera Ö§³Ö border-bottom-left-radius ÊôÐÔ¡£

¶¨ÒåºÍÓ÷¨

border-bottom-left-radius ÊôÐÔ¶¨Òå×óϽDZ߿òµÄÐÎ×´¡£

Ìáʾ£º¸ÃÊôÐÔÔÊÐíÄúÏòÔªËØÌí¼ÓÔ²½Ç±ß¿ò¡£

ĬÈÏÖµ£º 0
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS3
JavaScript Óï·¨£º object.style.borderBottomLeftRadius="5px"

Óï·¨

border-bottom-left-radius: length|% [length|%];

×¢ÊÍ£ºborder-bottom-left-radius ÊôÐԵij¤¶ÈÖµºÍ°Ù·Ö±ÈÖµ¶¨ÒåËÄ·ÖÖ®Ò»ÍÖÔ²£¨¶¨ÒåÍⲿ±ß¿ò±ßÔµµÄ±ß½ÇÐÎ×´£©µÄ°ë¾¶£¨radii£©¡£µÚÒ»¸öÖµÊÇˮƽ°ë¾¶£¬µÚ¶þ¸öÖµÊÇ´¹Ö±°ë¾¶¡£Èç¹ûÊ¡ÂÔµÚ¶þ¸öÖµ£¬Ôò¸´ÖƵÚÒ»¸öÖµ¡£Èç¹û³¤¶ÈΪÁ㣬Ôò±ß½ÇΪ·½ÐΣ¬¶ø²»ÊÇÔ²ÐΡ£Ë®Æ½°ë¾¶µÄ°Ù·Ö±ÈÖµ²Î¿¼±ß¿òºÐµÄ¿í¶È£¬¶ø´¹Ö±°ë¾¶µÄ°Ù·Ö±ÈÖµ²Î¿¼±ß¿òºÐµÄ¸ß¶È¡£

Öµ ÃèÊö ²âÊÔ
length ¶¨Òå×óϽǵÄÐÎ×´¡£ ²âÊÔ
% ÒÔ°Ù·Ö±ÈÖµ¶¨Òå×óϽǵÄÐÎ×´¡£ ²âÊÔ

Ïà¹ØÒ³Ãæ

CSS3 ½Ì³Ì£ºCSS3 ±ß¿ò

VUE