标签：12px color 元素 height radius 使用 before border left
- .tip {
- width: 400px;
- line-height: 150%;
- border-left-color: #f66;
- color: #666;
- padding: 12px 24px 12px 30px;
- margin: 2em 1em;
- border-left-width: 4px;
- border-left-style: solid;
- background-color: #f8f8f8;
- position: relative;
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- }
- .tip::before {
- content: "!";
- background-color: #f66;
- position: absolute;
- top: 14px;
- left: -12px;
- color: #fff;
- width: 20px;
- height: 20px;
- border-radius: 100%;
- text-align: center;
- line-height: 20px;
- font-weight: bold;
- font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
- font-size: 14px;
- }
标签：12px,
color,
元素,
height,
radius,
使用,
before,
border,
left
From： https://www.cnblogs.com/wsj1/p/16832832.html