克里斯保罗 发表于 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>

你在意在便在 发表于 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>

huanghuiyv 发表于 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>
页: 1 [2]
查看完整版本: 0 0 2 5 - 图片边框 - 这就是高B格的H5+C3！