Copy the following code to the code area of dreamweaver. The following picture can be displayed during preview, realizing the function of picture display Copy codeThe code is as follows: <br> </div> <br><br><br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode38'));"><u>Copy code</u></span></div>The code is as follows:</div> <div class="msgborder" id="phpcode38"> <br><!--The css style is defined below, including a div That is, layout, and ul, li, img and other tags --> <br><span style="color:#990000;">#layout{width:700px;border:2px solid #ccc;padding:2px; overflow:auto;zoom:1;diaplay:inline;} <br>#layout ul{list-style:none;} <br>#layout li { <br>list-style-type: square; <br>no- repeat 0px 4px; <br>padding-left:20px; <br>} <br>body{margin:0 auto;font-size:12px;font-family:Verdana;line-height:1.5;} <br>ul ,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{padding:0;margin:0;} <br>img{border:0px;} <br>#layout ul li a img { <br>padding: 1px; <br>border: 1px solid #elelel; <br>margin-bottom:3px; <br>display:block; <br>} <br>a{color:#05a;text-decoration :none;} <br>a:hover{color:#f00;} <br>#layout ul li { <br>float: left; <br>width: 72px; <br>margin-top: 20px; <br>margin-right: 0px; <br>margin-bottom: 0px; <br>margin-left: 20px; <br>text-align: center; <br>} <br>#layout ul li a { <br> display: block; <br>} <br>#layout ul li a：hover img { <br>padding: 0px; <br>border: 2px solid #FF6600; <br>}</span> <br>< ;/style> <br></head> <br><body> <br><div id="layout"> <br> </div> <br><br><div class="msgheader"> <div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode39'));"><u>Copy code</u></span> </div>The code is as follows:</div> <div class="msgborder" id="phpcode39"> <br><!--The following is to define the image as a li tag, and set the height and width. You only need to modify the path of src and the image name 001.jpg where the image is placed--> <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> <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> <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> <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></div> <br></body> <br>< /html> <br> </div> <br><img src="file:///C:/Documents%20and%20Settings/Administrator/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/KQAF5X4X/201402171719495%5B1%5D.gif" alt="">
