1、border radius

border radius發(fā)音

英：　　美：

border radius中文意思翻譯

常見(jiàn)釋義：

邊界半徑

border radius雙語(yǔ)使用場(chǎng)景

1、border radius is similar to the padding and margin property (eg. border-radius: 20px).───邊界半徑 (border radius) 的寫(xiě)法類(lèi)似內邊距 (padding) 和 外邊距 (margin) 屬性（例如：border-radius:20px）。

2、For Opera, it's -o-border-radius.───對于Opera呢？也有自己的版本：-o-border-radius。

3、For example, if you want rounded corners in CSS 3, you'd use border-radius to define them.───打個(gè)比方，如果你想用到CSS3中的圓角新特性，你應該使用border-radius義他們。

4、Further, one comment notes that "the particles are divs styled with border-radius and position: absolute. "───此外，有評論表示，“粒子位置的div使用了border-radius和position：absolute樣式?！?/p>

5、CSS3 border radius on 2 spans within heading, is this effect possible?───CSS3邊界半徑2日橫跨在標題，這種影響有可能嗎？

6、The shorthand for border radius is similar to the padding and margin property (eg. border-radius: 20px).───邊界半徑（borderradius）的寫(xiě)法類(lèi)似內邊距（padding）和外邊距（margin）屬性（例如：border-radius：20px）。

7、But because border-radius is still being finalized, browsers only support their own versions of the rule.───但是因為這個(gè)特性仍然還沒(méi)有最終定稿，所以瀏覽器們只支持他們對應的自己實(shí)現的版本。

8、This text has a border around it and you use the new border-radius style to achieve rounded corners.───文本周?chē)幸粋€(gè)邊界，您使用新的border-radius樣式來(lái)實(shí)現4個(gè)圓角。

9、update brings intellisense for many CSS3 features including Multi-columns, Border-Radius, Animation, Transitions and Transforms.───更新帶來(lái)許多了CSS3功能，包括：多列、圓角邊框、動(dòng)畫(huà)、過(guò)渡和轉換。

border radius相似詞語(yǔ)短語(yǔ)

1、border raid───邊境突襲

2、border raids───邊境突襲

3、border guards───邊防戰士

4、solar radius───太陽(yáng)半徑

5、Bohr radius───玻爾半徑

6、border taxes───國境稅，邊境稅

7、bordereaus───n.詳細備忘錄；摘要簿；n.(Bordereau)人名；(法)博爾德羅

8、border checks───畦；畦田

9、border region───邊界地區

2、在HTML里如何實(shí)現圓角矩形

HTML沒(méi)有實(shí)現矩形的標簽，可以借助CSS來(lái)完成。使用CSS3的border-radius屬性，即可完成圓角矩形。

border-radius屬性的具體用法如下：

border-radius 屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，用于設置四個(gè) border-*-radius 屬性。

默認值：0

繼承性：no

版本：CSS3

JavaScript 語(yǔ)法：object.style.borderRadius="5px"

語(yǔ)法

border-radius: 1-4 length|% / 1-4 length|%;

（注釋?zhuān)喊创隧樞蛟O置每個(gè) radii 的四個(gè)值。如果省略 bottom-left，則與 top-right 相同。如果省略 bottom-right，則與 top-left 相同。如果省略 top-right，則與 top-left 相同。）

值 描述 測試

length 定義圓角的形狀。 測試

% 以百分比定義圓角的形狀。 測試

例子 1

border-radius:2em;

等價(jià)于：

border-top-left-radius:2em;

border-top-right-radius:2em;

border-bottom-right-radius:2em;

border-bottom-left-radius:2em;

例子 2

border-radius: 2em 1em 4em / 0.5em 3em;

等價(jià)于：

border-top-left-radius: 2em 0.5em;

border-top-right-radius: 1em 3em;

border-bottom-right-radius: 4em 0.5em;

border-bottom-left-radius: 1em 3em;