HTML 图片列表

最新推荐文章于 2023-12-16 11:46:39 发布

阿基米德猜想

最新推荐文章于 2023-12-16 11:46:39 发布

阅读量752

点赞数

本文链接：https://blog.csdn.net/m0_49830850/article/details/119766586

版权

本文档是一个HTML页面模板，展示了如何使用CSS设置图片样式。包含一个类名为.box1的

标签包裹，设置了宽度100%，并有隐藏溢出的处理。页面引用了外部reset.css文件以重置浏览器默认样式。

摘要由CSDN通过智能技术生成

<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2021/8/10
  Time: 17:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="../static/reset.css" />
    <title>Title</title>
    <style>
       .box1{
           height:470px;
           width:190px;
           overflow: hidden;
           margin: 50px auto;
       }
       .box1 li:not(:last-child){
           margin-bottom: 10px;
       }
        .box1 img {
            width: 100%;
            color:#F4F4F4;
        }
    </style>
</head>
<body>


<ul class="box1">
    <li>
        <a>
        <img src="../static/1.jpg" href="www.baidu.com">
        </a>
    </li>
    <li>
        <a></a>
        <img src="../static/2.jpg">
    </li>
    <li>
        <a></a>
        <img src="../static/3.jpg">
    </li>
</ul>
</body>
</html>

阿基米德猜想

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 图片列表

<%-- Created by IntelliJ IDEA. User: user Date: 2021/8/10 Time: 17:22 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> .
复制链接

扫一扫