Salin kod berikut ke kawasan kod dreamweaver Gambar berikut boleh dipaparkan semasa pratonton, merealisasikan fungsi paparan gambar Salin kodKodnya adalah seperti berikut: <br><br> </div> <br><br><br><div class="msgheader">Salin kod<div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode38'));"><u>Kodnya adalah seperti berikut:</u></span> </div><! --Gaya css ditakrifkan di bawah, termasuk div Iaitu, reka letak dan ul, li, img dan teg lain --> </div><span style="color:#990000;">#layout{ width:700px;border:2px pepejal #ccc;padding:2px; overflow:auto;zoom:1;diaplay:inline;} <div class="msgborder" id="phpcode38">#layout ul{list-style:none;} <br>#layout li { <br>jenis-gaya senarai: segi empat sama; <br>tiada ulang 0px 4px; <br>padding-left:20px; family:Verdana;line-height:1.5;} <br>ul ,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{padding:0;margin:0;} <br>img{ sempadan:0px;} <br>#layout ul li a img { <br>padding: 1px; <br>border: 1px solid #elelel; <br>margin-bottom:3px; >} <br>a{color:#05a;text-decoration :none;} <br>a:hover{color:#f00;} <br>#layout ul li { <br>float: left; lebar: 72px; <br>margin-atas: 20px; 🎜>} <br>#susun letak ul li a { <br> paparan: blok; <br>} <br>#susun atur ul li a：legar img { <br>lapik: 0px; FF6600; <br>}</span> <br>< ;/style> <br><br><br><br><br> <br><br>Salin kod<br><br><br>Kod adalah seperti berikut:<br><div class="msgborder" id="phpcode39"> <br><!--Berikut adalah untuk mentakrifkan imej sebagai tag li, dan menetapkan ketinggian dan lebar Anda hanya perlu mengubah suai laluan src dan nama imej 001.jpg di mana imej itu berada diletakkan--> <br><ul> <br><span style="color:#993300;"><li><a href="#"><img src="images /001.jpg" width="70" height="70"/>Sanya</a></li> <br><li><a href="#"><img src= "images/001 .jpg"width="70" height="70"/>Sanya</a></li> <br><li><a href="#"><img src=" images/001.jpg"width="70" height="70"/>Sanya</a></li> <br><li><a href="#">< ;img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> <br><li><a href="#"> ; <img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> "><img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> <br><li><a href = "#"><img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> <br><li>< ;a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya</a></li>< ;a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> ;<a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya</a></li> ; ;li><a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya</a>< ;/li> ><li><a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya</ a></li> <br><li><a href="#"><img src="images/001.jpg"width="70" height="70"/>Sanya </a>< /li> <br><li><a href="#"><img src="images/001.jpg"width="70" height="70"/ >Sanya</a> </li> <br><li><a href="#"><img src="images/001.jpg"width="70" height=" 70"/>Sanya</ a</li></span> <br></ul> <br><br> </div> </div>
