css-图文案例
程序员文章站
2022-03-16 23:27:03
效果如下： 附上代码： 效果如下： 附上代码： ......
效果如下：
附上代码：
<html>
<head>
<title>world</title>
<style type="text/css">
#imgtest {
border:1px dashed orange;
width:400px;
height:300px;
}
#image11 {
/* float:left; */
float:right;
}
#test11 {
color:blue;
}
</style>
</head>
<body>
<div id="imgtest">
<div id="image11"><img src="a.jpg" width="250" height="200"/></div>
<div id="test11">愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！愿有岁月可回首，且以深情共白头！
</div>
</div>
</body>
</html>
效果如下：
附上代码：
<html>
<head>
<title>world</title>
<style type="text/css">
#test11 {
color:blue;
position:absolute;
top:190px;
left:120px;
}
</style>
</head>
<body>
<div id="image11"><img src="a.jpg" width="250" height="200"/></div>
<div id="test11">鸣人雏田</div>
</body>
</html>