三角形

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

该段代码描述了一种CSS样式规则，用于创建一个右侧浮动，具有特定宽度、高度、内边距、字体大小，且能自动换行的块级元素。元素背景为白色，有圆角，并在右侧添加了一个小三角形装饰。

.info-content {
max-width: 70%;
min-height: 35px;
padding: 10px;
font-size: 14px;
display: inline-block;
float: right;
word-wrap: break-word;
word-break: break-all;
margin-right: 10px;
position: relative;
margin-top: 8px;
border-radius: 10px;
background: #fff;
text-align: left;
}

/* 小三角形 */
.info-content::after {
position: absolute;
right: -8px;
top: 3px;
content: “”;
border-left: 10px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}