对角圆角圆点边框正文

源代码

<section style="display:inline-block;"><p style="letter-spacing: 2px;margin-left:10px;"><span style="color: rgb(116, 145, 145);">输入标题</span></p><section style="margin-top:-10px;width: 100%;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;"><section style="display: flex;justify-content: flex-start;"><section style="width: 6em;height: 3em;border-top: 1px solid rgb(116, 145, 145);border-left: 1px solid rgb(116, 145, 145);border-top-left-radius: 10px;box-sizing: border-box;"></section><section style="margin-top: -4px;width: 10px;height: 10px;background-color: rgb(116, 145, 145);border-radius: 50%;box-sizing: border-box;"></section></section><section style="margin: -1.8em 0.8em -1.8em 0.8em;"><section style="font-size: 14px;letter-spacing: 1.5px;line-height: 1.75em;color: rgb(63, 62, 63);"><p><span style="color: rgb(116, 145, 145);">纠结的爱真的难猜，让人压抑到想逃开，内心左右摇摆的想法，折磨着陷入空白的人，有一种力量驱使着我。</span></p></section></section><section style="float:right;"><section style="display: flex;justify-content: flex-start;"><section style="width: 6em;height: 3em;border-bottom: 1px solid rgb(116, 145, 145);border-right: 1px solid rgb(116, 145, 145);border-bottom-right-radius: 10px;box-sizing: border-box;"></section></section><section style="margin-top:-6px;width:10px;height:10px;background-color:rgb(116, 145, 145);border-radius:50%;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们