<!doctype html>

无标题文档

<style>
body {
    font-family: "Helvetica","Arial",serif;
    color: #333;
    background-color: #ccc;
    margin: 1em 10%;
}
h1 {
    color: #333;
    background-color: transparent;
}
a {
    color: #c60;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}
ul {
    padding: 0;
}
li {
    float: left;
    padding: 1em;
    list-style: none;
}
img {
width: 400px;
display: block;
clear: both;
}

图片案例

<ul>
<li>
    <a href="img/1.jpg" title="这是一张晚霞图片" onclick="showPic(this); return false;"> 第一张图片</a>
    </li>
    <li>
    <a href="img/2.jpg" title="这是一张下雪图片" onclick="showPic(this); return false;"> 第二张图片</a>
    </li>
    <li>
    <a href="img/3.jpg" title="第三张图片" onclick="showPic(this); return false;"> 第三张图片</a>
    </li>
        <li>
    <a href="img/4.jpg" title="第四张图片" onclick="showPic(this); return false;"> 第四张图片</a>
    </li>
</ul>
<img id="placeholder" src="img/1.jpg" alt="my image gallery" /> 
<p id="description">图片描述</p>

#标签: none

云思

图片案例

Comments (唉呀 ~ 仅有一条评论)

唉呀 ~ 仅有一条评论

知名3796 2023-03-28 4:48