Ví dụ 2
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Emphasis Marks</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { text-align: center; border: 1px solid royalblue; } span { text-emphasis-color: blue; -webkit-text-emphasis-color: blue; } .filled span { text-emphasis-style: filled; -webkit-text-emphasis-style: filled; } .open span { text-emphasis-style: open; -webkit-text-emphasis-style: open; } .dot span { text-emphasis-style: dot; -webkit-text-emphasis-style: dot; } .circle span { text-emphasis-style: circle; -webkit-text-emphasis-style: circle; } .double-circle span { text-emphasis-style: double-circle; -webkit-text-emphasis-style: double-circle; } .triangle span { text-emphasis-style: triangle; -webkit-text-emphasis-style: triangle; } .sesame span { text-emphasis-style: sesame; -webkit-text-emphasis-style: sesame; } .string span { text-emphasis-style: '$'; -webkit-text-emphasis-style: '$'; } </style> </head> <body> <div class="filled"> <p>filled</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="open"> <p>open</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="dot"> <p>dot</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="circle"> <p>circle</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="double-circle"> <p>double-circle</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="triangle"> <p>triangle</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="sesame"> <p>sesame</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> <div class="string"> <p>string</p> <p>W<span>o</span>rld W<span>ide</span> Web</p> </div> </body> </html>
PHÓNG TO