图片样式
图片样式
图片样式有：图片大小、图片边框、图片对齐、文字环绕。
图片大小
图片大小Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
img{
width:60px;
height:60px;
}
</style>
</head>
<body>
<img src="/static/front-end/css3/earth.png" alt="地球" />
</body>
</html>
图片边框
图片边框Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
img{
border:1px solid red;
}
</style>
</head>
<body>
<img src="/static/front-end/css3/earth.png" alt="地球" />
</body>
</html>
图片对齐
图片对齐Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div
{
width:300px;
height:80px;
border:1px solid silver;
}
.div1{text-align:left;}
.div2{text-align:center;}
.div3{text-align:right;}
img{width:60px;height:60px;}
</style>
</head>
<body>
<div class="div1">
<img src="/static/front-end/css3/earth.png" alt="地球" />
</div>
<div class="div2">
<img src="/static/front-end/css3/earth.png" alt="地球" />
</div>
<div class="div3">
<img src="/static/front-end/css3/earth.png" alt="地球" />
</div>
</body>
</html>