- ベストアンサー
スタイルシートで指定したアンダーラインの種類の変更。
以下のようにアンダーラインをひいています。 <FONT STYLE='TEXT-DECORATION:UNDERLINE;>ここにアンダーライン</FONT> このアンダーラインを点線・破線にしたいのですが、どのように指定したらいいのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- firefoxでのaタグ内imgへのスタイル指定
aタグに対して以下のようにスタイルを指定しました。 a {color: #1a3300; text-decoration: underline;} a:hover {color: #ff6600; text-decoration: underline overline;} この時、aタグ内にイメージがある場合、IEやoperaではイメージに 対しては、text-decorationは効かないのですが、firefox2.0では イメージの背景にこのtext-decorationが出てしまいます。 何かこれを避ける良い方法はないでしょうか。 よろしくお願いします。
- 締切済み
- HTML
- スタイルシートで点線のアンダーライン
スタイルシートを使用し、インデントを付けたテキストに点線のアンダーラインをつけようとしています。 【CSS部分】 .honbun { border-bottom-style: dotted; border-left-width:20px; border-bottom-color: #523D2F; border-bottom-width: 1px; margin: 20px; line-height: 20px; } 【html部分】 <p class=honbun> テスト<br> テスト<br> テスト<br> </p> 【画面結果】 テスト テスト テスト ------ すべての行のテキストのアンダーラインに、点線のアンダーラインを入れたいのですが、 ひとつの要素としてみてしまうのか、できません…。 一行づつにスタイルシートで点線を指定しなければ実現できないのでしょうか。（そもそも不可能？） よろしくご教授ください。どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- CSSの文字指定
<style type="text/css"> <!--A:link {color:#000055; text-decoration:none; } A:visited {color:#000055; text-decoration:none; } A:hover {color:#ff3300; text-decoration:underline; }--></style> 上部はcssのリンクですが、これに加えて文字のサイズ指定とフォントのフェイス指定もしたいです。 たとえば、MSゴシック,平成角ゴシックなど。 どう加えればよいですか？ <style type="text/css"> font:16px "ＭＳ Ｐゴシック",平成角ゴシック,</style>とやってもダメでした と
- ベストアンサー
- HTML
- 外部スタイルシートについて・・・
外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ） 今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？ Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？ <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない？ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Ｑ３，ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか？ もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい（ＴＴ） <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>
- ベストアンサー
- HTML
- スタイルシートでリンク色を
現在、以下のようなスタイルシートを外部スタイル シートにして使っています。 H1 {COLOR: SILVER;} TD {COLOR: INDIGO;} TBODY {FONT-SIZE: 12px; LINE-HEIGHT: 18px;} A {COLOR: #INDIGO; TEXT-DECORATION: none;} A:hover {COLOR: DEEPPINK; TEXT-DECORATION: underline;} A:active {COLOR: DEEPPINK; TEXT-DECORATION: underline;} この場合で、H1タグを使用したテキストにリンクを 貼ると4行目のスタイルが優先されてしまい、テキス ト色がINDIGOに変更されてしまいます。H1タグのテ キストは、リンクの有無にかかわらず、SILVERにし たいのですがスタイルシートを書き換えることで対応 できますでしょうか。 このスタイルシートを使用したHTMLファイルが既に かなりのページ数になっていますので個別にHTMLファ イルをいじるのは避けたいのです。どなたか解決法を ご教示くださいませ。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- SEO対策 スタイルシートは必須ですか？
スタイルシートの知識が無い者です 下記の様な記述だけでも、スタイルシートに外出し しないと、SEO上不利でしょうか？ <STYLE type="text/css"> A:link {COLOR: #404040; TEXT-DECORATION: underline} A:visited {COLOR: #404040; TEXT-DECORATION: underline} A:active {COLOR: silver} A:hover { COLOR: #404040; BACKGROUND-COLOR: gold} </STYLE>
- 締切済み
- HTML
- スタイルシートの動作
すいません。どうしても動作が思ったように動かずに・・・ ＨＰなどを読んでも難しかったため、教えてもらえると嬉しいです。 先日聞いた事なのですが、下記を教えてもらいやってみました。 a:link, a:visited {font-size: x-small; text-decoration: none; color:#C7A17E;} a:hover {font-size: x-small; text-decoration: underline; color:#FF9966;} a:active {font-size: x-small; text-decoration: underline; color:#C7A17E;} td {font-size: x-small;} span {font-size: x-small;} body {font-size: x-small;} li {font-size: x-small;} これで、動作を確認していろいろ試してみたのですが マウスを乗せた時だけにアンダーラインがでるようにしたいのです。（マウスを乗せてない時やマウスを乗せた後、マウスをどかしたらアンダーラインはでないように。） しかし、マウスを乗せる前からアンダーラインが表示されていて、どうしたら良いかわからないので教えて下さい。順番を変えてみたりいろいろ試したのですが上手く動作しないのです。 また、表などで複雑だったりすると、ＢＯＤＹは必要かと思うのですが、 td {font-size: x-small;} span {font-size: x-small;} body {font-size: x-small;} li {font-size: x-small;} 上記のspan, Li, tdがない場合フォントサイズは 表や枠の中などで思った表示はできないのでしょうか？
- 締切済み
- HTML
- スタイルシートのアンカー部分
スタイルシートを利用してのアンカー部分の指定についてです。 a:link {color: yellow; text-decoration: none; } a:visited {color: yellow; text-decoration: none; } a:active {color: yellow; text-decoration: none; } a:hover {color: red; font-weight: bold; text-decoration: underline; } 現在、このように記述しています。 今までは、ページ毎に<STYLE TYPE="text/css">タグを使用し、本文中に記述していたのですが、その代わりとして新たに外部読み込みのcssファイルを使用してみました。 ところが、未訪問リンクだけが反映されないのです。 青文字で、下線付きで表示されてしまいます。 未訪問以外は、bodyなども含め、きちんと反映されています。 色々試行錯誤してみましたが、全然駄目だったので、 再び本文内に書き込む形を取りました。 IE5.5で動作確認しています。 この理由及び対策を御存知の方、教えていただけませんでしょうか？
- ベストアンサー
- HTML
- スタイルシートの記述について
お世話になります。 スタイルシートでリンク箇所にアンダーバーを つけないために下記の記述をしているのですが a:link { Color: #0000cc; text-decoration: none; } a:visited { color: #0000cc; text-decoration: none; } a:hover { color: #ff0000; text-decoration: underline; } a:active { color: #0000cc; text-decoration: none; } ブラウザを起動してみてみるとアンダーバーが 表示されます。 一度リンクをクリックするとアンダーバーの 表示が消えます。 どこかミスがあるのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- a:hoverの下線指定が反映されない
htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。 これはなぜでしょうか？ ちなみにscriptの記述は一切していません。 最初は同様の記述を外部ファイルにしていたのですが うまく読み込めていないのかと思って、htmファイル内に 記述しましたがダメだったというわけです。 <style type="text/css"> <!-- body { font-size: 10.5pt; line-height: 130%} table { font-size: 10.5pt; line-height: 130%} a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold} a:active { text-decoration: none} a:link { text-decoration: none} a:visited { text-decoration: none} --> アドバイスお願いいたします。
- ベストアンサー
- HTML
お礼
やはり指定ないですよね。 教えていただいた方法でいってみたいとおもいます。 ありがとうございました。