リンクタグのCSSでアンダーラインを非表示に
リンクの下線を消すHTMLタグを作成するツールです。
ブログやホームページに、外部へのリンクをはりつける時があります。この時に、リンク文字の下線を非表示にして、文章の読みやすさを優先させたい場合などに使える無料ツールです。
さらに、リンク文字の色や文字の大きさ、背景、スタイルなどを指定してHTMLタグを作成することが出来ます。HTMLタグには、CSS(カスケーディングスタイルシート)を使っています。
プレビュー画面を表示できますので、確認しながら設定を行ってください。
無料で下線なしリンクタグを作成してみよう
アンカーHTMLタグを作成すると、クリップボードへ自動でコピーされます。下のテキストボックスからも選択できます。リンクの下線を消すHTMLタグ作成手順は次の通りです。
- 「リンク先URL」へ、リンクしたいページのURLを入力します。(http://〜)
- 「表示文字」へ、リンクする際に表示したい文字を入力します。
- お好みの色やフォントスタイル、大きさを選びます。
- 「HTML作成」ボタンを押します。
これで下線の消えたアンカーHTMLタグの完成です。早速やってみましょう。
下線なしリンク作成ツールでは
この、下線無しリンク作成ツールでは、次のHTMLタグを使用しています。
- アンカー <a href="...">〜</a>
なお、カスケーディングスタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。
本ツールでは、JavaScript を使用しています。したがって、JavaScriptが使用できない設定になっているブラウザでは、使用することが出来ません。
ブラウザのJavaScriptを実行可能に設定して、ご利用ください。
無料で利用できるツールとなっています。当サイトの全ページリンクフリーです。
更新履歴
2008/04/09 文字色及び背景色追加