Day.12.12 HTML图像标签

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 图像标签 </title>
 </head>
 <body>
 <!--图片的指定了宽度后,不指定高度,将会成比例的缩放
    border:1px solid red; 1px 表示边框的宽度   solid 表示实线 red 表示颜色, 顺序可以随意
    rgb [FF  FF FF]  border 的样式的选择  css 的边框的说明去找
    title : 表示鼠标移动会出现的效果
    alt: 表示图片不能正确显示时,出现的文字
    宽度如果是固定的像素,就不会变化大小,如果是 百分比,会随窗口的变化而变化
 -->
 <img src="niu.png" style="border:#0000FF 10px double;" bordercolor="red" width="30%" title="这是一头牛,太牛了!" alt="确实是一头牛!">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 <img src="niu.png">
 </body>
</html>
    原文作者:挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/1f1a2e7fd884
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞