文字陰影頂部與底部

注意一下設定值,它有兩個設定值,用逗點隔開,頂部設紅色,底部設藍色。

 

範圍製作圓角與陰影

有在作網頁的人因該會覺得有些小東西要作圓角,是一件麻煩的事,為了小小的圓角必須用點陣圖來拼版,現在有了CSS3只要設範圍設屬性打數值就可以作到拉,上圖將區塊背景設灰色,再設屬性,圓角值設10px,就有四個圓角,陰影也是如此,注意一下-wedkit-與-moz-的差異,-moz-是讓火狐瀏覽器可以支援顯示圓角和陰影(沒打這串,在火狐瀏覽器是看不到圓角和陰影) ,-webkit-我猜是支援一般瀏覽器(以英文翻譯webkit為網頁工具包,啥意思阿,有那位高手可以解釋一下嗎),目前我測試有打-webkit- google瀏覽器有支援顯示,IE的話,在這篇網誌說的所有效果,都不支援,不知道為啥@@,看看各位網友可以試試看。

最後修改日期: 2019 年 2 月 21 日

作者

留言

-webkit-並不是指支援一般瀏覽器,
事實上,他正好和你說的相反,
他是指專門給 Safari 這類使用 WebKit 核心的專用標籤

更詳細的說明你可以參考 http://zh.wikipedia.org/zh-tw/WebKit

留言功能已關閉。