设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › Web密训营 › 0 0 2 5 - 图片边框 - 这就是高B格的H5+C3！
12
返回列表 发新帖
楼主: 不二如是

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

[复制链接]
克里斯保罗
发表于 2019-8-14 23:45:41 | 显示全部楼层
交作业！
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>img</title>
  6.         <style type="text/css">
  7.                 html,body{
  8.                         height: 100%;
  9.                         text-align:center;
  10.                 }
  11.                 img{
  12.                         border: 6px solid blue;
  13.                         border-radius: 6%
  14.                 }
  15.                 div{
  16.                         font-family: '华文楷体'
  17.                 }
  18.         </style>
  19. </head>
  20. <body>
  21.         <img src="night.jpg" alt="公众号">
  22.         <div>
  23.                 <p>p标签的样式会继承div的样式</p>
  24.         </div>
  25. </body>
  26. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

你在意在便在
发表于 2019-10-29 09:35:51 | 显示全部楼层
交作业
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <style type="text/css">
  6.     html,body{
  7.             height: 100%;
  8.     }
  9.     img {
  10.       width: 500px;
  11.       height: 500px;
  12.       border: 5px dotted #fab1a0;
  13.       border-radius:51%;
  14.     }
  15. </style>
  16. </head>
  17. <body>
  18.     <img src="giveme.jpeg" alt="">
  19. </body>
复制代码
11.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

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

  8.             #img1 {
  9.                 border: 5px dotted #6f6;
  10.             }

  12.             #img2 {
  13.                 border: 5px solid #6f6;
  14.             }

  16.             #img3 {
  17.                 border: 15px solid #6f6;
  18.                 border-radius: 10%;
  19.             }

  21.             #img4 {
  22.                 border: 15px solid #6f6;
  23.                 border-radius: 66%;
  24.             }
  25.         </style>
  26.     </head>

  28.     <body>
  29.         <img id ="img1" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
  30.         <img id ="img2" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
  31.         <img id ="img3" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
  32.         <img id ="img4" src="https://fishc.com.cn/static/image/common/forum_new.gif"><br>
  33.     </body>
  34. </html>
复制代码
Snipaste_2020-08-15_13-44-34.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

12
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-6-8 10:20

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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