2017-04-12 56 views
-5

Click to see image帶邊框的文字

OK。所以我堅持這一點。如果您看到圖像,則其標題爲「ROHAN JAISWAL」,邊框中顯示「WEB DEVELOPER」文字。我怎樣才能做到這一點?

+1

添加一個你現在擁有的代碼示例會有很大的幫助。 – scarsam

+0

[CSS:如何將文本與周圍邊框居中]的可能重複(http://stackoverflow.com/questions/12429633/css-how-to-center-text-with-surrounding-borders) –

回答

1

您可以在包含姓名的框中設置border-top: 0;。然後用包含「Web開發人員」文本的元素上的兩個pseudo-elements::before::after)替換該頂部邊框的左側和右側部分。這些僞元素中的每一個都可以用width,heightbackground-color與邊框顏色相同。