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) 的寫法類似內(nèi)邊距 (padding) 和 外邊距 (margin) 屬性（例如：border-radius:20px）。

2、For Opera, it's -o-border-radius.───對(duì)于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中的圓角新特性，你應(yīng)該使用border-radius義他們。

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

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

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

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

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

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

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

1、border raid───邊境突襲

2、border raids───邊境突襲

3、border guards───邊防戰(zhàn)士

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

5、Bohr radius───玻爾半徑

6、border taxes───國(guó)境稅，邊境稅

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

8、border checks───畦；畦田

9、border region───邊界地區(qū)

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

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

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

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

默認(rèn)值：0

繼承性：no

版本：CSS3

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

語(yǔ)法

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

（注釋：按此順序設(shè)置每個(gè) radii 的四個(gè)值。如果省略 bottom-left，則與 top-right 相同。如果省略 bottom-right，則與 top-left 相同。如果省略 top-right，則與 top-left 相同。）

值 描述 測(cè)試

length 定義圓角的形狀。 測(cè)試

% 以百分比定義圓角的形狀。 測(cè)試

例子 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;