position-背景图片的应用

最新推荐文章于 2023-12-08 11:54:31 发布

Circle_list

最新推荐文章于 2023-12-08 11:54:31 发布

阅读量378

点赞数

本文链接：https://blog.csdn.net/Circle_list/article/details/79335188

版权

<!DOCTYPE html>
<html lange="en">      
<head>
<meta charset="UFT-8"> 
<title>Title</title>
<style>
  .pic{
   position:absolute;
   right:6px;
   top:10px;
   background-image:url("xxx"); /*图片路径*/
   height:16px;
   width:16px;
   display:inline-body;
  }
</style>
</head>
<body>
<div style="height:35px;width:400px;position:relative;border:1px solid red;">
  <input type="text" style="height:35px; width:370px;padding-right:30px;"/>
  <span class="pic"></span>
</div>
</body>
</html>