드림위버의 코드 영역에 다음 코드를 복사합니다. 미리보기 중에 다음 그림이 표시될 수 있으며, 그림 표시 기능을 구현합니다 코드 복사코드는 다음과 같습니다. <br> </div> <br><br><br><div class="msgheader"> <div class="right">코드 복사<span style="CURSOR: pointer" onclick="copycode(getid('phpcode38'));"><u></u>코드는 다음과 같습니다.</span> </div> </div><! --css 스타일은 div, 즉 레이아웃, ul, li, img 및 기타 태그를 포함하여 아래에 정의되어 있습니다. --><div class="msgborder" id="phpcode38"><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>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> >} <br>a{color:#05a;text-꾸밈 :none;} <br>a:hover{color:#f00;} <br>#layout ul li { <br>float: left; 너비: 72px; <br>여백-상단: 20px; <br>여백-하단: <br>텍스트 정렬: 중앙; 🎜>} <br>#layout ul li a { <br> 디스플레이: 블록 <br>} <br>#layout ul li a：hover img { <br>padding: 0px <br>border: 2px solid # <br>}</span> <br></head> <br><div id="layout"> <br><br><br><br><br> <br><br>코드 복사<br><br><br>코드는 다음과 같습니다<br><div class="msgborder" id="phpcode39"> <br><!--다음은 이미지를 li 태그로 정의하고 높이와 너비를 설정하는 것입니다. src의 경로와 이미지가 있는 곳의 이미지 이름 001.jpg만 수정하면 됩니다. 배치됨--> <br><ul> <br><span style="color:#993300;"><li><a href="#"><img src="이미지 /001.jpg" width="70" height="70"/>싼야</a></li> <br><li><a href="#"><img src= "images/001 .jpg"width="70" height="70"/>싼야</a></li> <br><li><a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li><a href="#">< ;img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li><a href="#"> ; <img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li><a href="# "><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li><a href = "#"><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li>< ;a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li> ;a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> <br><li> ;<a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</a></li> ; <br />< ;li><a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</a>< ;/li> ><li><a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야</ a></li> <br><li><a href="#"><img src="images/001.jpg"width="70" height="70"/>싼야 </a>< /li> <br><li><a href="#"><img src="images/001.jpg"width="70" height="70"/ >싼야</a> <br><li> <a href="#" src="images/001.jpg" width="70" height=" 70"></a>싼야</ a></li></span> <br></div> <br> </li> </div> </div>
