css 三角形提示框 |jquery取相关css值

首先大家需要一个容器，可以是一个div或其他HTML元素。在CSS中，大家可以使用“position”属性定义这个元素的位置：

.container {
position: relative;
width: 200px;
height: 100px;
background-color: #fff;
}

接下来，大家就可以制作实际的三角形。在这个例子中，大家使用“:before”伪元素来创建三角形：

.container:before {
content: "";
position: absolute;
top: -15px;
left: 50%;
margin-left: -10px;
border-width: 0 10px 15px 10px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}

以上代码中，“content”属性和“:before”选择器一起使用来创建一个空的伪元素。大家通过“position”属性将其定位在容器的顶部，然后调整左右位置。最后，使用“border-width”、“border-style”和“border-color”属性来定义三角形的形状和颜色。

最后，大家将文本内容放入容器中：

.container p {
padding: 10px;
}

这里大家简单定义了一个段落样式，并添加了一些padding来将文字内容与容器边缘留出一定空间。

综上所述，以上代码将创建一个带有三角形提示的容器，用于展示各种提示信息和菜单等内容。