四川时时彩开奖走势图
·您當前的位置:主頁 > 技術教程 > Html5技術 >

通過 CSS3 創建圓角邊框和向矩形添加陰影

時間:2019-01-22 08:54阿酷
通過 CSS3,您能夠創建圓角邊框,向矩形添加陰影,使用圖片來繪制邊框 - 并且不需使用設計軟件,比如 PhotoShop

通過 CSS3,您能夠創建圓角邊框,向矩形添加陰影,使用圖片來繪制邊框 - 并且不需使用設計軟件,比如 PhotoShop。

在本章中,您將學到以下邊框屬性:

border-radius
box-shadow
border-image
瀏覽器支持
屬性    瀏覽器支持
border-radius                         
box-shadow                         
border-image                         
Internet Explorer 9+ 支持 border-radius 和 box-shadow 屬性。

Firefox、Chrome 以及 Safari 支持所有新的邊框屬性。

注釋:對于 border-image,Safari 5 以及更老的版本需要前綴 -webkit-。

Opera 支持 border-radius 和 box-shadow 屬性,但是對于 border-ima

向 div 元素添加圓角:

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}
向 div 元素添加方框陰影:

div
{
box-shadow: 10px 10px 5px #888888;
}
 

熱門文章推薦

請稍候...

保利威視云平臺-輕松實現點播直播視頻應用

酷播云數據統計分析跨平臺播放器

四川时时彩开奖走势图 253彩票 魅惑魔女三个怎么合不了 扑克21点要牌技巧 创富彩票平台靠谱吗 千炮捕鱼电玩城老版本 贵州快3中奖助手下载 稻田养虾赚不赚钱 百人炸炸金花手机版下载 后二组选包胆技巧 猎鱼达人3d白金弹头出售