CSS リンクのアンダーラインを消すサンプル

環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit

書式
style="text-decoration:none;"
「a」タグの中に、style="text-decoration:none;" の記述を入れることで、そのリンクだけ、アンダーラインを消します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<style>
.cft {
text-decoration:none;
}
</style>
</head>
<body>
<a href="https://google.co.jp" class="cft" target="_blank">google </a>
</body>
</html>
<!DOCTYPE html> <html> <head> <style> .cft { text-decoration:none; } </style> </head> <body> <a href="https://google.co.jp" class="cft" target="_blank">google </a> </body> </html>
<!DOCTYPE html>
<html>
<head>
<style>
.cft {
    text-decoration:none;
 }
</style>
</head>
<body>
 <a href="https://google.co.jp" class="cft" target="_blank">google </a>
</body>
</html>

 

CSS

Posted by arkgame