2003年05月09日
カテゴリ： HTML・スタイルシート
スタイルシートを使用します．
まずは，基本の下線を消す設定です．
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none ">表示させる文字</A>
これは 2003年4月4日の日記 で説明してあるスタイルシートの設定を使用しています．
さて，同じページに「文字色を指定」というのがありますね．
通常リンクすると表示する文字は， コチラ のリンクの色設定で指定した色になります．
これを一時的に換えてみましょう．
通常のリンク色
指定したリンク色
<A href="リンク先のアドレス" style=" color:色 ">表示させる文字</A>
ここでスタイルシートの書き方のアドバイス．
; text-decoration:none"
このように「;(セミコロン)」で区切っていきます．
次に下線を変えてみましょう．
一度下線を消してから講座で紹介したボックスの設定を使用します．
下線なので bottom関係の設定を使います．
なるべく記述する内容を少なくするため昨日紹介した border-bottom を使用します．
点線で太さを5ドット
<A href="リンク先のアドレス" style=" text-decoration:none;border-bottom:5px dotted ">表示させる文字</A>
エトーマート＠楽天広場
太さ・線の種類・色の記述する順番を守れば今回のように値を省くこともできます．
下線以外にも
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none;border:5px dotted ">表示させる文字</A>
周りに枠をつけるとまた変わったリンクができますね．
スタイルシートだから表示文字の範囲に背景色の指定も可能です．
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none;background:pink
マウスをかざしたら背景色は変わるのはまた別の方法なので今回説明は省かせてもらいます．
どうですか，スタイルシートの機能は？
HTMLタグの中に指定する事で表示の仕方を変える事ができます．
講座の方もまだまだ続きますのでよろしくです（＾＾）
まずは，基本の下線を消す設定です．
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none ">表示させる文字</A>
これは 2003年4月4日の日記 で説明してあるスタイルシートの設定を使用しています．
さて，同じページに「文字色を指定」というのがありますね．
通常リンクすると表示する文字は， コチラ のリンクの色設定で指定した色になります．
これを一時的に換えてみましょう．
通常のリンク色
指定したリンク色
<A href="リンク先のアドレス" style=" color:色 ">表示させる文字</A>
ここでスタイルシートの書き方のアドバイス．
; text-decoration:none"
このように「;(セミコロン)」で区切っていきます．
次に下線を変えてみましょう．
一度下線を消してから講座で紹介したボックスの設定を使用します．
下線なので bottom関係の設定を使います．
なるべく記述する内容を少なくするため昨日紹介した border-bottom を使用します．
点線で太さを5ドット
<A href="リンク先のアドレス" style=" text-decoration:none;border-bottom:5px dotted ">表示させる文字</A>
エトーマート＠楽天広場
太さ・線の種類・色の記述する順番を守れば今回のように値を省くこともできます．
下線以外にも
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none;border:5px dotted ">表示させる文字</A>
周りに枠をつけるとまた変わったリンクができますね．
スタイルシートだから表示文字の範囲に背景色の指定も可能です．
エトーマート＠楽天広場
<A href="リンク先のアドレス" style=" text-decoration:none;background:pink
マウスをかざしたら背景色は変わるのはまた別の方法なので今回説明は省かせてもらいます．
どうですか，スタイルシートの機能は？
HTMLタグの中に指定する事で表示の仕方を変える事ができます．
講座の方もまだまだ続きますのでよろしくです（＾＾）
お気に入りの記事を「いいね！」で応援しよう
[HTML・スタイルシート] カテゴリの最新記事
-
3Dアバター．．．なるほど。 2008年12月18日
-
表示位置を微調整する．．． 2006年02月03日 コメント(3)
-
2年前以上前の日記の掘り起こし．．． 2006年02月03日 コメント(3)
Re:リンクの下線を変更する．(5/9)
ヨタママ
さん
うん(ﾟｰﾟ)(｡_｡)ｳﾝｳﾝ<br>φ(.. )ﾒﾓｼﾃｵｺｳ<br><br>こつこつやります(T_T)<br>
(2003年05月09日 23時21分20秒)
Re:リンクの下線を変更する．(5/9)
☆まこりん☆
さん
ししょぉ～！<br>ありがとうございますっ！<br>早速やってみたよっっ！<br>パーフェクト♪チュ！<br>近々ＴＯＰで使おうと思いま～す♪
(2003年05月09日 23時30分20秒)
Re:リンクの下線を変更する．(5/9)
viafm
さん
なるほど・・・これは勉強になりました。<br>結構役に立ちますね。<br>時々リンク見ずらい時ありますからね。<br>・・・いずれ使ってみます。<br><br>占いでペンギンが出てまったりさんの所にあったのを思い出したんです。それで観察してしまいました。あの部屋で寝ているんですか？<br>何だかかわいい部屋ですね。
(2003年05月09日 23時30分35秒)
Re:リンクの下線を変更する．(5/9)
麻里ひめ☆彡
さん
リンクの下線も～いろんな種類が出来るんですね～<br>またゆっくりと試して見たいです。<br><br>＞事後承諾ＯＫよ(笑)<br>団子の具にたこ入れてたこ焼き風って母に言ったら筍はただだけどたこは高くつくといわれて，つり好きな妹の旦那の収穫を待っとります(笑)<br><br>そうなんですね～(^ー^* )フフ♪ でも筍から購入してる私は～<br>たこくらい買ってもいいかな…なんて～(///ω///)ゞ アハハ<br>だって、エビも鳥ミンチも買うでしょ…ついでにたこくらい追加しても<br>ＯＫじゃん～！(´▽｀) フｯ でももらえる人がいたらその方はいいよね。(゜▼゜＊）あはは<br><br>＞次も同じ方法での抽選するからコツを見つけておこう（＾＾）<br>カウンタを微調整するのはむずいぞぉ～<br><br>(･_ﾟ)ゞ エッ?<br>ちょっとこの方法事態が飲み込めてない麻里ひめ☆彡なんです。
(2003年05月09日 23時37分02秒)
Re:リンクの下線を変更する．(5/9)
salem0605 さん
「お気に入りリンク」→「日記リンク」に変更させてくださいね！あいだ空けてくると教えてもらいたい項目がどこだったかさえわからなくなっちゃって・・・<br>ホント若葉マークでスイマセン。もうシルバーマークはいってたりして・・（泣
(2003年05月09日 23時42分46秒)
Re:リンクの下線を変更する．(5/9)
かずさか2920
さん
こんばんは<br>リンクの下線を変更する・・・いろいろ試してみます。<br>おやすみなさい。<br><br>
(2003年05月10日 00時10分36秒)
Re:リンクの下線を変更する．(5/9)
westy
さん
こないだ１０万ヒットと思ったら、もう２５００近くも・・・すんごいなぁ・・・。<br>リンクの下線の変更なんて思いつきもしなかった。。<br>なるへそ。奥深い。
(2003年05月10日 00時24分34秒)
Re:リンクの下線を変更する．(5/9)
++Ciel++
さん
(b*^０)d (ノ*^▽)ノ オッハー♪<br>リンクの下線を変更できるなんてすごい;￣ロ￣)!!<br>ＨＰのリンク全部修正したいけど、いっぱいあって無理だわ～。<br>次回から使わせてね！<br><br>今日は携帯を買いに行くじょ！<br>今のところ、『au』にする予定。(’▽’*)ニパッ♪
(2003年05月10日 06時18分49秒)
Re:リンクの下線を変更する．(5/9)
ηёηё★彡
さん
6(｡￣O￣｡)∂おっ！＼(｡￣∇￣｡)/はぁ～♪<br><br>ｗ(￣△￣；)ｗおおっ！<br>なんて偶然！！<br>ηёηё昨日モックンに聞いたのよね～<br>ヾ(▽⌒*)キャハハハo(＿＿)ノ彡_☆ ﾊﾞﾝﾊﾞﾝ！<br>変更もできるのか・・・・<br>□＿ヾ(￣∀￣*) ｶﾀｶﾀ…ﾊﾟｸﾘ中<br>ヾ(▽⌒*)キャハハハo(＿＿)ノ彡_☆ ﾊﾞﾝﾊﾞﾝ！
(2003年05月10日 08時04分43秒)
Re:リンクの下線を変更する．(5/9)
スーパードキンちゃん
さん
ヾ(σ σ〃)ノオホヨウ((σ σ〃)ペコッ<br><br>今日のは、簡単で私にもわかりました！！！<br>今度やってみよ～～
(2003年05月10日 08時14分40秒)
Re:リンクの下線を変更する．(5/9)
coco0163
さん
シショー、おはようございます～♪<br>以前からリンクの線消したいなぁ～と思っていました。<br>早速、挑戦してみますです。＾＾
(2003年05月10日 08時44分09秒)
Re:リンクの下線を変更する．(5/9)
meiakira
さん
おはようございま～す♪m(__)m<br>リンクの下線変更、おもしろそうですね。。<br>昨日は出掛けていたので<br>２日分お勉強させていただきま～すφ(･_･")ﾒﾓﾒﾓ
(2003年05月10日 09時58分38秒)
Re:リンクの下線を変更する．(5/9)
ちょこぱん♪ さん
すごぉい！まだまだ色んな事が出来るんですね。<br>σ(o^_^o)日記にお友達のＨＰをよくリンクするんです。今度使ってみますね。<br>φ(^∇^ ) しっかりメモしとこ♪
(2003年05月10日 10時25分16秒)
Re:リンクの下線を変更する．(5/9)
かずさか2920
さん
おはようございます。<br>リンクの下線を消す設定・・・ トップペ－ジから順番に変えてみようと・・・<br>文字リンクは少ないので早く済みそうです。<br>
(2003年05月10日 11時26分25秒)
Re:リンクの下線を変更する．(5/9)
hikohkigumo
さん
やってみよう、やってみようと思いつつ、なかなか使うチャンスがないですが、<br>これはどこかで使ってみたいなー<br>よっしゃ～～<br>ところでパソ直ってきました 以外にはやい！<br>ヒマだったのか、作業が早いのか・・・<br>１週間で帰ってきました とりあえずゴキゲンです<br>＞扇風機とＰＣにファンをつけて熱を逃がします．<br>扇風機は、クリップ型をラックにつけて使ってるのですが、PCファンというのは・・・？？<br>内蔵のファンではないのですか？
(2003年05月10日 11時44分43秒)
Re:リンクの表示の仕方(5/9)
meiakira
さん
さっきより追加されていますね。。<br>これも頂いて帰ります。φ(･_･")ﾒﾓﾒﾓ。<br>次、リンクつける時に使わせていただきます。。<br>いつも、ありがとうございますm(__)m
(2003年05月10日 12時53分31秒)
Re:リンクの表示の仕方(5/9)
o(*^▽^*)oコンニチワ♪<br><br>ムシムシするのはイヤだよね～～<br>でも夏場の方が体調はいいから、まだ夏の方がいいよう<br>暑いのはつらいけど・・<br>何せリビングにエアコンがないから<br>パソコンが暴走したりぶっとんだりしなければいいけど<br>昔のパソコンだったらぶっ飛んだりすることあったけど<br>最近はあまり起こらないみたいね<br>
(2003年05月10日 13時33分35秒)
Re:リンクの表示の仕方(5/9)
++Ciel++
さん
ただいま～～♪<br>携帯買ってきたじょ。(’▽’*)ニパッ♪<br>でも使い方わかんない。｡･ﾟ･(ﾉД`)･ﾟ･｡ うえええん<br>説明書読まなくては。。。ε=ε=ε= 。・゜(゜ノT-T)ノ<br><br>リンクのバリエーションが増えてるじょおｌ～～！<br>どれもよい感じ～～！<br>今度使わせてね。（＾＾）
(2003年05月10日 14時31分19秒)
Re:リンクの表示の仕方(5/9)
shirokuma3
さん
リンクの表示の仕方 なるほど・・・って感じですね<br>今度活用してみます<br>特に背景に色を付けるリンクの仕方がいいですね
(2003年05月10日 15時11分38秒)
Re:リンクの表示の仕方(5/9)
seeyou3
さん
お久しぶりです（*^_^*）<br>エッセイ？（笑）というか・・日々の事柄を綴る日記を始めました。<br>たまにどっきり内容もあるかと思いますが・・引かないでね～（笑）<br>日記勝手にリンクさせて頂きました。<br>またお勉強させてくださいね。m(_ _)m
(2003年05月10日 15時12分21秒)
Re:リンクの表示の仕方(5/9)
anzu-chan
さん
お久しぶりです。<br>覚えていらっしゃるでしょうか？<br>以前に こちらでいろいろお勉強させていただいたのですが・・・。<br>今回も スタイルシートのことを知りたくて<br>来てみました。<br>いざ来てみると 内容豊富で 何でも知りたくなって 悩んじゃいます～～ぅ。<br>少しずつ 身に付けたいと思います。<br>宜しくお願いします！！
(2003年05月10日 15時27分51秒)
Re:リンクの表示の仕方(5/9)
ηёηё★彡
さん
オイッス♪(￣▽￣)ノ"<br><br>いろいろできるのね～ｃ⌒っ*ﾟ∀ﾟ)っφ ﾒﾓﾒﾓ...<br>ηёηёにはまったく思いつかないけどね<br>(￣￣￣￣￣￣￣￣∧￣￣￣￣￣￣￣￣)えっへん!
(2003年05月10日 15時41分32秒)
Re:リンクの表示の仕方(5/9)
☆まこりん☆
さん
あれ？<br>日記の内容、少し変わったかなぁ？<br>掲示板に書いてくださったのはこのことですね？<br>背景色をつけるときれいかも♪<br>メモっておこ～っと！<br>ありがと～！<br>
(2003年05月10日 17時04分03秒)
Re:リンクの表示の仕方(5/9)
遥遠
さん
へ～<br>リンクの表示<br>色を付ける事は知っていましたが、<br>こんなふうにも出来るんだ<br>今度やってみようかな？
(2003年05月10日 17時54分59秒)
Re:リンクの表示の仕方(5/9)
シュガリー☆
さん
リンクも奥が深いのですな・・φ（．．）カキカキ<br>「コチラ」の部分をクリックしたら、自分の編集ページがでて驚きました。<br>まさか、まったりE2K2さんにも見れるんじゃないですよね(▼∀▼)ニヤリッ<br><br>もかちゃんにまだ嫌われているみたい
(2003年05月10日 18時09分00秒)
Re:リンクの表示の仕方(5/9)
豪腕ゆきすけ
さん
スタイルシートって、いろいろ出来るんだね。<br>なかなか、おもしろい！<br><br>夜遅くなると少し軽くなるんだね。<br>ピークは、１０時前後だろうけど、金曜日は特に重いね。<br><br>
(2003年05月10日 18時55分22秒)
Re:リンクの表示の仕方(5/9)
black_pepper
さん
スタイルシートを使うとデザイン的には楽になりますね～。僕は外部スタイルシートで一度「型」を作ってしまってそれを使いまわすのに使ってます（笑）。ものすごく楽！<br>今日のはやり方を忘れないためにもやってみました。<br>それと～、ITの試験に落ちてムシャクシャしてたので今日は泳ぎに行ってきました～。
(2003年05月10日 20時28分56秒)
Re:リンクの表示の仕方(5/9)
momoの家
さん
最近忙しくて勉強出来ていません。<br>日記にわかりやすく表題を書いてくださっているので、また勉強しますからよろしくお願いしますね。
(2003年05月10日 20時57分03秒)
こんばんは（＾＾）
++Ciel++
さん
携帯買ってきたじょ(’▽’*)ニパッ♪<br>でもさっぱりわかんないのだ。。。(_ _。)・・・シュン<br>まあ、使ってるうちにわかるかな。。。σ(^◇^;)<br><br>ついでにリニュもしてみたじょ。<br>疲れた～～*o_ _)oバタッ
(2003年05月10日 23時14分08秒)
Re:リンクの表示の仕方(5/9)
viafm
さん
これでまったりさんの目次のことがわかりました。<br>帰ってきたら一寸直します！
(2003年05月10日 23時42分52秒)
Re:リンクの表示の仕方(5/9)
チャコ5385
さん
昨日から、見ていましたが リンク<br>かわいいですね～～(~o~) 今度、ぜひ 利用させていただきますね！ 今日は、お留守ですか～<br>日曜日ですものね・・・こちらは、今日は、雨<br>ケンカばかりのオチビ達・・・図書館センターにでも、行ってきまーす☆彡
(2003年05月11日 08時51分37秒)
【毎日開催】
15記事にいいね！で1ポイント
けとけと。
けとけと。のメモ的ＨＰ ワンコもいるよ（＾＾）
カテゴリ
未整理
(4038)ペット
(397)あぁ．振り返る一日
(355)商品情報
(27)サイトブックマーク
(87)電話・インターネット
(118)家電・PC・ソフトウェア
(210)食べ物やスーパー
(61)おしごと
(6)HTML・スタイルシート
(79)楽天さん絡み
(186)スクラップ
(12)ゴミ
(16)・2026年07月
・2026年06月
・2026年06月
・2026年05月
© Rakuten Group, Inc.
