如何设计带有右上角图标的 div？
斯里尼瓦桑
谁能帮我设计一个带有右上角图标的div？
我需要为此编码。
我在此附上示例图片供您参考。
帮助
我看到你已经有了解释如何使用相对和绝对定位的答案，但同时我创建了一个 JS 小提琴 :)
HTML：
<div id="box">
<div id="icon">
|>
</div>
Contents of the box
</div>
CSS：
#box {
position: relative;
width: 200px;
height: 200px;
padding: 10px;
margin: 100px;
background-color: white;
}
#icon {
background-color: green;
color: white;
padding: 10px;
width: 20px;
height: 20px;
position: absolute;
right: -20px;
top: -20px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在 div 的右上角放置一个图像/图标
- 2
如何使用Twitter Bootstrap在右上角放置div
- 3
在div中的右上角打破文本
- 4
具有左上角和右上角的Div与线性渐变相同的颜色
- 5
带有图例的字段集的右上角的位置图标
- 6
在具有多个 flexbox 项目的容器的右上角保留一个 div
- 7
如何将一个div粘在右上角？
- 8
如何从当前位置到右上角制作div副本的动画
- 9
将按钮移到div框的右上角
- 10
在jQuery中将滚动移动到DIV右上角的函数
- 11
在div C右上角的位置关闭类？
- 12
Bootstrap 3形式使用右上角div重叠
- 13
如何在div / p标签的左上/右上角显示像聊天框一样的内容
- 14
将DIV放置在图片的右上角，再将div放在左下角
- 15
如何在图像的右上角覆盖图标？
- 16
如何还原Unity面板右上角的图标？
- 17
如何使通知图标停留在框的右上角？
- 18
将一个div放在右上角的另一格上方
- 19
在div的右上角放置文字或三角形
- 20
Javascript DIV保留在任何表格的右上角
- 21
图像始终位于2个多列div中第二列的右上角
- 22
如何找回默认的右上角通知？
- 23
如何找回默认的右上角通知？
- 24
带有div按钮内的图标的垂直居中文本
- 25
带有div按钮内的图标的垂直居中文本
- 26
为什么我的视图的右上角有一个“加号”图标？
- 27
如何在按钮的右上角显示可点击的图标？
- 28
在应用程序的右上角绘制带有计数的红色圆圈
- 29
Xcode iOS-旋转/缩放UIImageView并在右上角带有“锚”吗？
我来说两句