Kesan CSS yang membuatkan orang mengagumi_Experience exchange

Pengarang: eoe
1. Xunxunmimi
Anda mesti mencari kesan yang baik terlebih dahulu sebelum anda boleh menyalinnya
sepertihttp://www.cssplay.co.uk/
http://www.cssbeauty.com
Anda sering boleh melihatnya

Saya secara tidak sengaja melalui cssplay
http://www.cssplay.co hari ni tergesa-gesa melihat CSSnya~ Tidak masuk akal
2 buat sendiri ~ cukupkan makanan dan pakaian

http://www.w3.org/TR/xhtml1/DTD/xhtml1-. strict.dtd">



http://www.w3.org/1999/xhtml">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "

 a
 

 ul# hovershow{ margin: 50px;
float: left;

    
• http://www.rotui. net/lab/a/zoom/images/1.jpg"  width="128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

    
• http://www.rotui.net/lab/a/zoom/images/2.jpg"  width="128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

    
• http://www.rotui.net/lab/a/zoom/images/3.jpg"  width="128"  style="max-width:90%" alt=" ujian" />

    
• http://www.rotui.net/lab/a/zoom/images/4.jpg"  width=" 128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

    
• http://www.rotui.net/lab/a/zoom/images/ 5.jpg"  width="128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

    
• http://www.rotui. net/lab/a/zoom/images/6.jpg"  width="128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

    
• http://www.rotui.net/lab/a/zoom/images/7.jpg"  width="128"  style="max-width:90%" alt="Kesan CSS yang membuatkan orang mengagumi_Experience exchange" />

   提示：你可以先修改部分代码再运行再运行觉还不错~ ~~

主要就是a:kedudukan tuding: mutlak;  jidar 三个~
不过做后才发现~IE5的A失效了
>
眾服.时候看人家的CSS的~`虽然同样也是IE5的A失效
#enlarge {padding:0;  margin:2em auto; list-style-type:none; lebar: 240px; ketinggian:40px;}
#enlarge li {display:block; float:left; lebar: 40px; ketinggian:40px; position:relative;}
#enlarge li a {display:block; lebar: 40px; ketinggian:40px; latar belakang:transparent; limpahan:tersembunyi; position:relative;}
#enlarge li a img {width:100%; ketinggian:100%; sempadan:0;}
#enlarge li a:hover {position:absolute; kiri:-20px; atas:-20px; lebar: 80px; ketinggian:80px; z-index:100;}
   提示：你可以先修改部分代码再运行

FT ~写可以先修改部分代码再运行

FT ~写得比人家写得比人家多了的~家多了的~家多了的~了了方法是用kedudukan:relatif 配合kiri atas 都是一样用负值来搞的~

4.举一反三
突然想到最近要写的擦坛靦的擦坛颦三
突然想到最近要写的擦坛颦的擦坛颦三可以用这样来玩~

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "

http://www.w3.org/1999/xhtml">
    
a    




    

1
•     

2
•     >    
3

•     
4

•     
5

•     
6

•     
7

   提示：你可以先修改部分代码再运>分代码再运>场可神放弃IE了~
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


http://www.w3 .org/1999/xhtml">
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
    
a    

        ul#styleshow2{      >         > Jenis: tiada; margin: 50px; lebar: 200px; paparan: inline;
jelas: kedua -duanya;
    

1

    

• 2
    

• 3
    

• 4
    

• 5
    

• 6
    

• 7


   提示：你可以先修改部分代码再运行

效果不是很改部分代码再运行

效果不是很是很理想很是很理想也试过一边用原来的方法
一边用:after加了图片在左边~可昹~一边用:after加了图片在左边~可昹~一法更不好看~~又不可能做N张有数字的图片~扩展性不好 
也许这就是css本身所限
或许~用JS可以更简单的````决~