代码示例:

<html>
<head>
<title>这是一个图文结合网页</title>

<style type="text/css">
#a000{
width: 400px;
height: 300px;
border: 2px dashed orange; 

}
#a111{
float:left;

}
#a222{
color:green;
}
#a444{
color:red;
position:absolute;
top:50px;
left:50px;

}
</style>
</head>
<body>
<div id="a000">
<div id="a444">
好多美女啊!
</div>
<div id="a111"><img src="G:\谷歌浏览器下载内容\传智播客_超全面的JavaWeb****vedio(崔希凡)\传智播客_超全面的JavaWeb****-源码笔记\JavaWeb****_day2-资料源码\code\css\aa.jpg" width="250" height="200" /></div>
<div id="a222">
这是对于图片内容的注释这是对于图片内容的注释这是对于图片内容的注
释这是对于图片内容的注释这是
对于图片内容的注释这是对于图片内容的注释这是对于图片内容的注释这
是对于图片内容的注释这是对于图片内容的注释这是
对于图片内容的注释这是对于图片
内容的注释这是对于图片内容的注释这是对于图片内容的注释这是对于
图片内容的注释这是对于图片内容的注释
</div>

</div>
</body>


</html>

效果展示:

css小练习(图文结合)

相关文章:

  • 2021-07-24
  • 2022-12-23
  • 2022-12-23
  • 2022-01-21
  • 2022-02-03
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-09
  • 2021-06-18
  • 2022-12-23
  • 2022-12-23
  • 2021-08-27
  • 2021-08-02
相关资源
相似解决方案