{"id":574,"date":"2020-07-03T10:48:43","date_gmt":"2020-07-03T13:48:43","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=574"},"modified":"2022-12-09T08:35:25","modified_gmt":"2022-12-09T11:35:25","slug":"texto-css-decoracao-de-texto-css","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/texto-css-decoracao-de-texto-css\/","title":{"rendered":"Texto CSS – Decora\u00e7\u00e3o de texto CSS"},"content":{"rendered":"

A\u00a0text-decoration<\/code>propriedade \u00e9 usada para definir ou remover decora\u00e7\u00f5es do texto.<\/p>\n

O valor\u00a0text-decoration: none;<\/code>\u00e9 frequentemente usado para remover sublinhados dos links:<\/p>\n

 <\/p>\n

a {<\/code>
\ntext-decoration: none;<\/code>
\n}<\/code><\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\na {\r\n  text-decoration: none;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<p>A link with no underline: <a href=\"https:\/\/www.meusite.com.br\">Meusite<\/a><\/p>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n


<\/center>\n
 <\/p>\n
Os outros\u00a0text-decoration<\/code>valores s\u00e3o usados \u200b\u200bpara decorar o texto:<\/p>\n
h1 {<\/code>
\ntext-decoration: overline;<\/code>
\n}<\/code><\/p>\n
h2 {<\/code>
\ntext-decoration: line-through;<\/code>
\n}<\/code><\/p>\n
h3 {<\/code>
\ntext-decoration: underline;<\/code>
\n}<\/code><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\nh1 {\r\n  text-decoration: overline;\r\n}\r\n\r\nh2 {\r\n  text-decoration: line-through;\r\n}\r\n\r\nh3 {\r\n  text-decoration: underline;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h1>This is heading 1<\/h1>\r\n<h2>This is heading 2<\/h2>\r\n<h3>This is heading 3<\/h3>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n


<\/center>\n
\"\"<\/p>\n
 <\/p>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n