有关于图像的设置

常用的图片格式  1.GIF  2.PNG  3.JPG

图像的标记 <img>

其语法格式为  <img src="图像 URL"/>

语法中的  src属性是指图像的路径与文件名，他是img标签的必须属性

  <img>标签的属性   

当图片不显示时  alt文本替换图片显示
<img src="logo.gif" alt="你好，世界">

图像的title属性 鼠标停留在照片上时出现title属性里的文本文字
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" title="百度">
边框设置：
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" border="2px">







图片大小的设置：
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="120px">
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="120px" height="100px">
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" height="120px">
图片有本身的横纵比例一般在设置图片大小时在宽度width与高度height中选择一个设置就可以





 




 




<!DOCTYPEhtml>


<htmllang="en">


<head>


    <metacharset="UTF-8">


    <metahttp-equiv="X-UA-Compatible"content="IE=edge">


    <metaname="viewport"content="width=device-width, initial-scale=1.0">


    <title>Document</title>


    <style>


        body{


            background: url("https://gimg2.baidu.com/image");








 　　　　　　background-repeat: no-repeat;








　　　　　　　background-repeat: repeat-x;








　　　　　　background-repeat: repeat-y;
















        }


    </style>


</head>


<body>


    


</body>


</html>








            

            
posted @ 
2021-11-11 21:19 
しっ 
阅读(183) 
评论(0) 
 
收藏 
举报