CSS3圓角 rgba顯示

2021-10-04 22:20:19 字數 1276 閱讀 4352

css3圓角

設定某乙個角的圓角,比如設定左上角的圓角:

border-top-left-radius:30px 60px; 此時為橢圓角

border-top-left-radius:30px; 此時為正圓角

同時分別設定四個角: border-radius:30px 60px 120px 150px; 此時為正圓角。

設定四個圓角相同:

border-radius:50%;

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

type

="text/css"

>

.box

.box1

.box2

style

>

head

>

>

class

="box"

>

div>

class

="box1"

>

div>

class

="box2"

>

div>

body

>

html

>

1、盒子透明度表示法:

.box

2、rgba(0,0,0,0.1) 前三個數值表示顏色,第四個數值表示顏色的透明度

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

type

="text/css"

>

body

.box

.box2

style

>

head

>

>

class

="box"

>

這是乙個divdiv

>

class

="box2"

>

這是第二個divdiv

>

body

>

html

>

CSS3圓角詳解

全屏閱讀 收藏 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求,網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬...

CSS3圓角詳解

css3圓角詳解 日期 2010年12月 9日 css3是樣式表 style sheet 語言的最新版本,它的一大優點就是支援圓角。css3圓角詳解 譯者 阮一峰 原文 發表日期 2010年12月8日 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網...

關於CSS3圓角

一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求,網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬性提供乙個值,就...