mamohoのHP作成講座

mamohoのHP作成講座

リンクの下線を消すには

● リンクの下線を消すには

リンクの下線を消してみましょう
このお話は 以前に  yuunaさん からの質問でお話させていただいたものです

普通にリンクを貼ると 下線が引かれてしまいます

HPは難しくない
   ソースは
   <a href="http://plaza.rakuten.co.jp/mamoho/" target="_blank">HPは難しくない</a>

この部分の下線をとってしまうには スタイルシートの
text-decoration:none を使います
やり方は 

   <a href="http://plaza.rakuten.co.jp/mamoho/" target="_blank" style="text-decoration:none" >HPは難しくない</a>

すると 下記のようになります

HPは難しくない

あと これは 楽天広場では使えない方法なんですが
ページ全体に下線を引かないように指定することもできます
<head> </head>の間に
<style type="text/css"> <!-- A { text-decoration: none ; } --> </style>
と 書き入れます

<html>
<head>
<title>ページタイトル</title>
<style type="text/css">
<!-- A { text-decoration: none; } -->
</style>
</head>

このように書くことで そのページのすべてのリンクの下線をなくすことができます



© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: