目前分類：未分類文章 (16)

瀏覽方式： 標題列表 簡短摘要

IE6
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
CSS 字首大寫

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(1) 人氣()

▲top
網址： http://css.spritegen.com/

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
似乎不支援IE較低版本(IE6確定不支援，IE7未測試，IE8目前對 first-child 有反應， last-child 仍未顯示，待觀察。google chrome確定支援，其他瀏覽器尚未測試。)

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
並不支援所有瀏覽器，似乎僅支持IE，其他瀏覽器即使破解能有顯示差異，建議直接使用png代替，但png仍有IE6不支援問題，可參考下方第二網址處理方式。使用方法正確性有待查證。

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
※IE10以下都不支援，需期待IE10更新使用。
 
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
Width: 100px; Height: 100px;
Border: 12px solid blue; Background-color: orange;
Border-top-left-radius: 60px 90px;
Border-bottom-right-radius: 60px 90px;
Box-shadow: 64px 64px 12px 40px rgba(0,0,0,0.4),
 12px 12px 0px 8px rgba(0,0,0,0.4) inset;
 
有趣的語法~可以套上試用功能,就大概能知道了~~!!
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
.rounded-corners {
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari, Chrome */
 -khtml-border-radius: 10px; /* Konqueror */
 border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
 behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
 
-moz-border-radius:  5px 10px 15px 20px ; /* Firefox */
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
※ie9支援，googlechrome不支援,其他瀏覽器尚未測試
※使用需將＜＞換半形
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
＜Font Size=2 Color="#Ffffff"＞
 ＜Marquee OnMouseOver="This.Stop()" OnMouseOut="This.Start()" Height="20" Direction="Up" Align="Middle" Scrollamount="1" Bgcolor="#9999FF" Style="Line-Height:25px;"＞跑馬燈跑馬燈 ＜Br /＞2跑馬燈跑馬燈2 ＜Br /＞3跑馬燈跑馬燈3 ＜/Marquee＞
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
【網頁實用】Facebook案讚功能調整顯示

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
通過css使ul li 橫向排列並居中的第二種用法
適合套用 jquery.mouseimage 這隻程式特效選單
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(2) 人氣()

▲top
li 默認display為block，將其這個屬性改為inline便可實現這種ul li居中的問題 

(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
一般連結：
 
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(1) 人氣()

▲top
常用基本設定(CSS)：
 .a {
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top
一般背景用法：
body { background:#eee url(../images/bg.jpg) repeat-x; }
(繼續閱讀...)

YinMengWu 發表在 痞客邦 留言(0) 人氣()

▲top