zl程序教程

您现在的位置是:首页 >  Java

当前栏目

开发中实用CSS干货(持续不稳定更新)

2023-02-18 16:28:14 时间

在这写一下平时自己工作碰到或者别人叫我写的实用CSS干货 更新随缘

聊天气泡三角形

/*气泡*/
.bubble{width: 100px;height: 50px;position: relative;background-color: #1b6d85;margin: 30px auto;}
.bubble:after{content:'';display:block;position: absolute;bottom: -34px;right: -11px;width: 0;height: 0;border-top: 45px solid #1b6d85;border-right: 50px solid transparent;transform: rotate(64deg);}
<!--聊天气泡三角形-->
<div class="bubble"></div>

评价星星

/*气泡*/
/*
* 提示:该行代码过长,系统自动注释不进行高亮。一键复制会移除系统注释 
* .start{width: 122px; height:30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAF9CAYAAADLK3zoAAAACXBIWXMAAAsTAAALEwEAmpwYAABD5WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE5LTA1LTA3VDE1OjEyOjE4KzA4OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTktMDUtMDhUMTE6NDA6NTcrMDg6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE5LTA1LTA4VDExOjQwOjU3KzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmI2M2MxNmQxLWFkNTYtOGY0NS05MjBmLWMyZTdjNjljYTE1NTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBjYTBlOWM2LTcxNDMtMTFlOS04NGU3LWM4M2M1YWQxODg0MTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDplZTYwMTllMi0zNzcwLTg4NGYtODU4MS1iMmM5YmZjYmM4YWU8L3N0UmVmOmluc3RhbmNlSUQ+CiAgICAgICAgICAgIDxzdFJlZjpkb2N1bWVudElEPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDowMzY3NzYyMy03MTM4LTExZTktODRlNy1jODNjNWFkMTg4NDE8L3N0UmVmOmRvY3VtZW50SUQ+CiAgICAgICAgICAgIDxzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDpGRUI2QjBDNzQzOUExMUU4QjY0RThBMzkyRkVERkY2MTwvc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6RkVCNkIwQzc0MzlBMTFFOEI2NEU4QTM5MkZFREZGNjE8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjJhZTE4OTFhLTgyNzMtYzg0ZC1hZjdiLWNmNmRlNTZjOTZkYTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxOS0wNS0wOFQxMDoyMjoxMiswODowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y29udmVydGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpwYXJhbWV0ZXJzPmZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3A8L3N0RXZ0OnBhcmFtZXRlcnM+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5kZXJpdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpwYXJhbWV0ZXJzPmNvbnZlcnRlZCBmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wPC9zdEV2dDpwYXJhbWV0ZXJzPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpiYjQ0YmUzZi00OTVhLTUwNGQtOTI0Ni1kNTUxZGIzZTM4MzE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTktMDUtMDhUMTA6MjI6MTIrMDg6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZWU2MDE5ZTItMzc3MC04ODRmLTg1ODEtYjJjOWJmY2JjOGFlPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE5LTA1LTA4VDExOjQwOjU3KzA4OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jb252ZXJ0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+ZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZzwvc3RFdnQ6cGFyYW1ldGVycz4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmRlcml2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnBhcmFtZXRlcnM+Y29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmc8L3N0RXZ0OnBhcmFtZXRlcnM+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmI2M2MxNmQxLWFkNTYtOGY0NS05MjBmLWMyZTdjNjljYTE1NTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxOS0wNS0wOFQxMTo0MDo1NyswODowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+CiAgICAgICAgICAgIDxyZGY6QmFnPgogICAgICAgICAgICAgICA8cmRmOmxpPnhtcC5kaWQ6RkVCNkIwQzc0MzlBMTFFOEI2NEU4QTM5MkZFREZGNjE8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6QmFnPgogICAgICAgICA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEyMjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zODE8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PkKXiNEAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAGCpJREFUeNrsnUFoHEe+xr/qkhxbdpAESRgEtjXTUk7GxgIT4ostcG4hkQ9LwAdnb8khL/a7+xAHE8MeYhFyyYIjH0JuiaV3yUXYAzZxQkhkxWEvo/FMYrwSgbCtJcg26q56h24po1FPT1d3/a0Zz/+DAUlT8+uv5+uurmp1VQmtNVjPvhz+CjhoFgfN4qBZHam+lu/8r2j1ziCA69HPpwGsWvZEyX/2vV/R1s7oaQCT0WuG4OCj5Pesd9OgTwD4e8PvpwG8aXFnKPk97V207EfHV901AKNNf/sPgKKlaoqS3xveM1bdBwGcBfA1AB2zMQAYBrAA4GMAbxjuACWfvac8o68AOJ/xCPwAwMU2ZSj5vev9ir5oGnTee6OizfuU/N71fkUL06p7OmcL0UaZrJ9l74aNsZsAThpu7C6AoynLUvJ703vGxtgUgLrBxrzoM2lFyWfvBkGvArhmsMHzAH41KE/JZ+85bpi0Ux20qncpe8e98z81ekS2gx4i9jvUpewd954l6HrUjJ8l2hlKfs9670uxgXLUqitHDYS5hvcGEd5s32jxzWbYAUo+e2/bj2bxNZrFQbM4aBYHzeKgWRw0i4NmcdAcNIuDZnHQLA6axUGzOGgWB83ioFkcNAvINuPBfgCL0c9HADyw7ImS33nem0ZWCBH/vXtf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'); background-repeat: no-repeat; background-size: 125px auto;}
*/
.start.star50{background-position: 0 0;}
.start.star45{background-position: 0 -35px;}
.start.star40{background-position: 0 -70px;}
.start.star35{background-position: 0 -105px;}
.start.star30{background-position: 0 -145px;}
.start.star25{background-position: 0 -180px;}
.start.star20{background-position: 0 -215px;}
.start.star15{background-position: 0 -250px;}
.start.star10{background-position: 0 -285px;}
.start.star05{background-position: 0 -320px;}
.start.star00{background-position: 0 -355px;}
<!--评分星星-->
<div  style="margin: 30px auto;width: 122px">
    <div class="start star50"></div>
    <div class="start star45"></div>
    <div class="start star40"></div>
    <div class="start star35"></div>
    <div class="start star30"></div>
    <div class="start star25"></div>
    <div class="start star20"></div>
    <div class="start star15"></div>
    <div class="start star10"></div>
    <div class="start star05"></div>
    <div class="start star00"></div>
</div>

优惠券样式

 /* 优惠券 */
 .coupon_left{height:100px;width:35%;position: relative;background-image: radial-gradient(circle at right top, #fff, #fff 10px, transparent 11px),radial-gradient(circle at right bottom, #fff, #fff 10px, transparent 11px);background-color: #1E61CC;}
 .coupon_left::after{content: '';position: absolute;top: 0;bottom: 0;left: -10px;width: 20px;height: 100%;background: radial-gradient(circle, #fff, #fff 8px, transparent 10px);background-size: 20px 20px;}
 .coupon_right{height: 100px;width:65%;position: relative;background-image: radial-gradient(circle at left top, #fff, #fff 10px, transparent 11px),radial-gradient(circle at left bottom, #fff, #fff 10px, transparent 11px);background-color: #1E61CC;}
<!--优惠券-->
<div style="display: flex;align-items:center;width: 500px;margin: auto">
    <div class="coupon_left"></div>
    <div class="coupon_right"></div>
</div>

上下左右空心箭头

/* 上下左右空心箭头 */
 /**上箭头*/
 .top_arrow{display:inline-block;position:relative;width:18px;height:18px;margin-right:5px}
 .top_arrow:after{content: "";position: absolute;border-top: 1px solid #757575;top: 5px; border-right: 1px solid #757575;width: 10px; height: 10px;transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);  }
/*右箭头*/
 .right_arrow{display:inline-block;position:relative;width:18px;height:18px;margin-right:5px}
 .right_arrow:after {content: "";position: absolute;border-right: 1px solid #757575;border-bottom: 1px solid #757575;width: 10px; height: 10px;transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);  }
 /*下箭头*/
.bottom_arrow{display:inline-block;position:relative;width:18px;height:18px;margin-right:5px}
 .bottom_arrow:after {content: "";position: absolute;border-right: 1px solid #757575;border-bottom: 1px solid #757575;width: 10px;height: 10px;transform: rotate(45deg);}
 /*左箭头*/
 .left_arrow{display:inline-block;position:relative;width:18px;height:18px;margin-right:5px}
.left_arrow:after {content: "";position: absolute;border-right: 1px solid #757575;border-bottom: 1px solid #757575;width: 10px;height: 10px;transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0) }
<!--上下左右空心箭头-->
<div style="display: flex;align-items:center;width: 200px;margin:20px auto">
    <div class="top_arrow"></div>
    <div class="bottom_arrow"></div>
    <div class="right_arrow"></div>
    <div class="left_arrow"></div>
</div>

上下左右三角形&上下左右实心箭头

 /*上下左右三角形&上下左右实心箭头*/
.top_soild_arrow{width: 0;height: 0;border: 10px solid #333;top: 20px;left: 10px;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;}
.bottom_soild_arrow{width: 0;height: 0;border: 10px solid #333;top: 26px;left:110px;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;}
.left_soild_arrow{width: 0;height: 0;border: 10px solid #333;top: 20px;left: 160px;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;}
.right_soild_arrow{width: 0;height: 0;border: 10px solid #333;top: 20px;left: 60px;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;}
<!--上下左右三角形&上下左右实心箭头-->
<div style="display: flex;align-items:center;width: 200px;margin:20px auto">
    <div class="top_soild_arrow"></div>
    <div class="bottom_soild_arrow"></div>
    <div class="right_soild_arrow"></div>
    <div class="left_soild_arrow"></div>
</div>

我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=3um2gjtffr0g8