正在try 为我的css三角形(边框)使用自定义十六进制 colored颜色 .然而,由于它使用边界属性,我不确定如何进行这项工作.我想避开javascript和css3,仅仅是因为它们的兼容性.我试图让三角形有一个白色背景,有一个1px的边框(围绕三角形的角边), colored颜色 为#CAD5E0.这可能吗?以下是我目前掌握的情况:
.container {
margin-left: 15px;
width: 200px;
background: #FFFFFF;
border: 1px solid #CAD5E0;
padding: 4px;
position: relative;
min-height: 200px;
}
.container:after {
content: '';
display: block;
position: absolute;
top: 10px;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #CAD5E0;
border-style: solid;
border-width: 10px;
}