Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-emphasis trong CSS</title>
<style>
</style>
</head>
<body>

<h1>Code Thuộc tính text-emphasis trong CSS</h1>

<p>Dùng để thêm những biểu tượng trên mỗi chữ cái trong phần tử HTML, những biểu tượng đó có thể chọn màu sắc, có thể kết hợp với text-emphasis-position để cho biểu tượng nằm trên, dưới, trái, phải văn bản:</p>

<p style="text-emphasis: '❤️'">text-emphasis:"❤️";</p>

<p style="text-emphasis: '#'">text-emphasis:"#";</p>

<h2>Biểu tượng</h2>

<p style="text-emphasis: circle;">text-emphasis: circle;</p>

<p style="text-emphasis: dot;">text-emphasis: dot;</p>

<p style="text-emphasis: double-circle;">text-emphasis: double-circle;</p>

<p style="text-emphasis: sesame;">text-emphasis: sesame;</p>

<p style="text-emphasis: triangle;">text-emphasis: triangle;</p>

<h2>Biểu tượng kết hợp màu sắc</h2>

<p style="text-emphasis: circle red;">text-emphasis: circle red;</p>

<p style="text-emphasis: triangle blue;">text-emphasis: triangle blue;</p>

<h2>Biểu tượng kết hợp text-emphasis-position để canh vị trí</h2>

<p style="text-emphasis: circle red; text-emphasis-position: under;">text-emphasis: circle red; text-emphasis-position: under;</p>

<p style="text-emphasis: triangle blue; text-emphasis-position: under;">text-emphasis: triangle blue; text-emphasis-position: under;</p>

<h2>Biểu tượng kết hợp với open để xóa phần ở trong, chỉ để lại đường viền ngoài</h2>

<p style="text-emphasis: triangle open;">text-emphasis: triangle open;</p>

<p style="text-emphasis: double-circle open;">text-emphasis: double-circle open;</p>

<p style="text-emphasis: sesame open;">text-emphasis: sesame open;</p>

<p style="text-emphasis: circle open;">text-emphasis: circle open;</p>

</body>
</html>

Code Thuộc tính text-emphasis trong CSS nằm trong bài viết Thuộc tính text-emphasis trong CSS