鱼C论坛

 找回密码
 立即注册
12
返回列表 发新帖
楼主: 不二如是

[庖丁解牛] 0 0 2 5 - 图片边框 - 这就是高B格的H5+C3!

[复制链接]
发表于 2019-8-14 23:45:41 | 显示全部楼层
交作业!
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>img</title>
        <style type="text/css">
                html,body{
                        height: 100%;
                        text-align:center;
                }
                img{
                        border: 6px solid blue;
                        border-radius: 6%
                }
                div{
                        font-family: '华文楷体'
                }
        </style>
</head>
<body>
        <img src="night.jpg" alt="公众号">
        <div>
                <p>p标签的样式会继承div的样式</p>
        </div>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-10-29 09:35:51 | 显示全部楼层
交作业
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
    html,body{
            height: 100%;
    }
    img {
      width: 500px;
      height: 500px;
      border: 5px dotted #fab1a0;
      border-radius:51%;
    }
</style>
</head>
<body>
    <img src="giveme.jpeg" alt="">
</body>
11.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-8-18 15:08:29 | 显示全部楼层
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入图片</title>
        <style type="text/css">

            #img1 {
                border: 5px dotted #6f6;
            }

            #img2 {
                border: 5px solid #6f6;
            }

            #img3 {
                border: 15px solid #6f6;
                border-radius: 10%;
            }

            #img4 {
                border: 15px solid #6f6;
                border-radius: 66%;
            }
        </style>
    </head>

    <body>
        <img id ="img1" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
        <img id ="img2" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
        <img id ="img3" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
        <img id ="img4" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
    </body>
</html>
Snipaste_2020-08-15_13-44-34.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 00:09

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表