esprits top Esprit's Style

    -    エンジニアの足つぼ    -

リンク

〆 リンクを設定します

1.HTMLではできないマウスオーバ時の表示を変更します。
  "h:over"にstyleを設定すると設定できます。

@sample.css
a:link {    /*リンクの設定*/
    color:gray;
}
a:visited {    /*訪問済みリンクの設定*/
    color:green;
}
a:active {    /*クリックされた時の設定*/
    color:red;
}
a:hover {    /*マウスオーバ時の設定*/
    text-decoration:underline;
    background-color:yellow;
}
a {    /*リンクにまとめて設定*/
    text-decoration: none;
    font-weight: bold;
}
 CCS Link
 File  Edit  Tool  Help

2.マウスオーバ時に文字の大きさをかえます。
  a:hover{ font-size:????; }

@sample.css
a:link {    /*リンクの設定*/
    color:gray;
}
a:visited {    /*訪問済みリンクの設定*/
    color:green;
}
a:active {    /*クリックされた時の設定*/
    color:red;
}
a:hover {    /*マウスオーバ時の設定*/
    font-weight: bold;
    font-size:16px;}
a {    /*リンクにまとめて設定*/
    text-decoration: underline;
    font-weight: normal;
    font-size:13px;}
 CCS Link
 File  Edit  Tool  Help

3.マウスオーバ時に押したように見せかけます。
  a:hover { position:relative; top:2px; left:2px; }

@sample.css
a:link {    /*リンクの設定*/
    color:gray;
}
a:visited {    /*訪問済みリンクの設定*/
    color:green;
}
a:active {    /*クリックされた時の設定*/
    color:red;
}
a:hover {    /*マウスオーバ時の設定*/
    background-color:yellow;
    position:relative;
    top:2px;
    left:2px;
}
a{    /*リンクにまとめて設定*/
  font-weight: bold;
  font-size:15px;
}
 CCS Link
 File  Edit  Tool  Help
The link to this site is free.   /   Last Updated : 28.May.2012   
Copyright © ESPRITS STYLE. 2008   /   ご意見、感想、苦情は、 こちらへ...
counter