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>