介绍
这篇文章主要介绍html + css如何制作div标签增加右上角删除图标,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>一、需求描述
在div标签的右上角显示删除图标
<强>二,实现方式
html, css
<强>三、参考代码
& lt; style>
.container {
,,,,,,,宽度:60 px;
,,,,,,,身高:60 px;
,,,,,,,边界:,1 px dotted 红色;
,,,,,,,位置:相对;
}
.content {
,,,,,,,位置:相对;
,,,,,,,:20 px;
}
delete {
,,,,,,,宽度:20 px;
,,,,,,,身高:20 px;
,,,,,,,这个特性:60%;
,,,,,,,位置:绝对;
,,,,,,,:-10 px;
,,,,,,,右:-10 px;
}
& lt;/style>
& lt; div 类=癱ontainer"祝辞
,,,,,,,& lt; https://www.yisu.com/zixun/img src=" http://www.iconpng.com/download/png/61252 " class="删除"οnclick="警报(1)"/>
内容
%20 内容
%20%20%20<强>附录:在输入框左边加一个小图标,css样式应该怎么写?%20%20
%20%20&%20lt;%20!%20DOCTYPE %20html %20PUBLIC “-//W3C//DTD %20XHTML %201.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
&%20lt;%20html %20xmlns=癶ttp://www.w3.org/1999/xhtml"比;
&%20lt;%20head>
&%20lt;%20meta %20http-equiv=癈ontent-Type",内容=皌ext/html;,%20charset=utf-8",/比;
&%20lt;%20title>无标题文档&%20lt;/title>
&%20lt;%20style>
。text{边界:solid %202%20px %20#%20ccc;宽度:400%20px;高度:40%20px;背景:url%20(http://d.lanrentuku.com/down/png/1211/blueberry/user_friend.png), no-repeat 0,中心;}
.text 输入{浮动:左;边界:没有;背景:没有,高度:40 px;行高:30 px;宽度:100%;,indent: 32 px;}
,
& lt;/style>
& lt;/head>
,
& lt; body>
& lt; div 类=皌ext"祝辞
,,,& lt; input 类型=皌ext"/比;
& lt;/div>
& lt;/body>
& lt;/html> 以上是“html + css如何制作div标签增加右上角删除图标”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
