中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

CSS 3 Testing | CSS3 部分樣式測(cè)試

border-radius | 圓角

全部圓角,四個(gè)角都是圓角

獨(dú)立圓角,只有部分角是圓角

Border Color | 邊框顏色

邊框顏色,直角,紅色

顏色演示,圓角,紫色

shadow|陰影

塊陰影,box-shadow

普通文字陰影,text-shadow

多重文字陰影

Background Size| 背景大小

你看到的這只小牛很高很瘦嗎?
哇,如果是的話,那么你的瀏覽器好牛哦....

Background Size| 背景大小

這里使用了三張圖片作為背景圖片
如果你的瀏覽器中可以看到三只小牛
說(shuō)明你的瀏覽器真的好牛哦....

Multiple Column | 多列 | 多卷

寬度

這里你能看到幾列?首先請(qǐng)確保你的瀏覽器足夠?qū)?寬度>600px)。如果你只能看到一列,那么說(shuō)明你的瀏覽器不支持CSS3多列。如果你能看到兩列以上,恭喜,你的瀏覽器是比較先進(jìn)的。此處演示的是用列寬來(lái)創(chuàng)建多列效果。這里你看到的列的寬度是固定的。列數(shù)隨瀏覽器的寬度自動(dòng)調(diào)整,瀏覽比較寬的時(shí)候,列數(shù)會(huì)多些,瀏覽器窄的時(shí)候,列數(shù)也會(huì)自動(dòng)減少。列的寬度不會(huì)改變。

列數(shù)

這里你能看到幾列?首先請(qǐng)確保你的瀏覽器足夠?qū)?寬度>600px)。如果你只能看到一列,那么說(shuō)明你的瀏覽器不支持CSS3多列。如果你能看到兩列以上,恭喜,你的瀏覽器是比較先進(jìn)的。此處演示的是通過(guò)設(shè)置列數(shù)來(lái)控制創(chuàng)建多列效果。所以,無(wú)論你的瀏覽器有多寬,這里只會(huì)顯示三列。只是隨著瀏覽器的寬度的調(diào)整,每列的寬度也會(huì)自動(dòng)調(diào)整。

Font Face | 嵌入字體

這里使用了一款英文字體,所以你看到的這些漢字,是以系統(tǒng)默認(rèn)的字體顯示的(一般是宋體),但是后面的英文,卻是使用了自定義的字體“qianduanNet”。你能看出來(lái)是一款很個(gè)性的字體嗎?事實(shí)上,這里使用的是Assin字體。
what is it ?

使用了陰影效果的font-face效果
what is it ?

opacity| 透明

RGBA

HSL & HSLA

HSL Demo

HSLA Demo