1、想制作如下内容
橙色小点点是使用图片制作的!
学会制作小盒子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小盒子</title>
<style>
.icon {
width:150px;
height:40px;
background-color: orange;
background-image: url(../image/sina.png);
background-repeat: no-repeat;
background-position: 10px center;
}
</style>
</head>
<body>
<div class="icon"></div>
</body>
</html>
注:如果不写高和宽的话—默认高度为内容的高度。宽度为父代宽度即屏幕宽度;
如不写高度 不写内容不显示;