带边框的文本内联

时间:2017-04-12 22:45:37

标签: html css twitter-bootstrap

Click to see image

行。所以我坚持这个。如果您看到图像,它的标题为“ROHAN JAISWAL”,边框中带有“WEB DEVELOPER”文本。我怎样才能实现这一目标?

1 个答案:

答案 0 :(得分:1)

您可以在包含您姓名的框中设置border-top: 0;。然后在包含" Web开发人员"的元素上用两个pseudo-elements::before::after)替换该顶部边框的左右部分。文本。您可以使用与widthheightbackground-color相同的颜色设置这些伪元素中的每一个。