图片链接（a标签和img标签的使用）

最新推荐文章于 2024-01-15 11:17:34 发布

康立志

最新推荐文章于 2024-01-15 11:17:34 发布

阅读量6k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44011306/article/details/106239485

版权

图片链接（标签和的使用）

效果展示
代码
- HTML
- css

效果展示

在这里插入图片描述

代码

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机选购</title>
    <link href="main.css" rel="stylesheet">
</head>
<body>
<div id="mr-content">
    <div class="mr-top">
        <h2>手机</h2>
        <p class="mr-p1">手机风暴</p>
        <p class="mr-p2">></p>
        <p class="mr-p2">更多手机</p>
        <p class="mr-p2">OPPO</p>
        <p class="mr-p2">联想</p>
        <p class="mr-p2">魅族</p>
        <p class="mr-p2">乐视</p>
        <p class="mr-p2">荣耀</p>
        <p class="mr-p2">小米</p>
    </div>
    <img src="images/8-1.jpg" alt="" class="mr-img1">
    <div class="mr-right">
        <a href="images/link.png" target="_blank"><img src="images/8-1a.jpg" alt="" att="a"></a>
        <a href="images/link.png" target="_blank"><img src="images/8-1b.jpg" alt="" att="b"></a>
        <a href="images/link.png" target="_blank"><img src="images/8-1c.jpg" alt="" att="c"></a>
        <a href="images/link.png" target="_blank"><img src="images/8-1d.jpg" alt="" att="d"></a>
        <a href="images/link.png" target="_blank"><img src="images/8-1e.jpg" alt="" att="e"></a>
        <img src="images/8-1g.jpg" alt="" class="mr-car1">
        <img src="images/8-1g.jpg" alt="" class="mr-car2">
        <img src="images/8-1g.jpg" alt="" class="mr-car3">
        <img src

最低0.47元/天解锁文章

康立志

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
图片链接（a标签和img标签的使用）

图片链接（标签和的使用）效果展示代码HTMLcss效果展示代码HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手机选购</title> <link href="main.css" rel="stylesheet"></head><body><div id="
复制链接

扫一扫