CSS / 連結效果

 

CSS Code

  • a
  • {
  • color: #4D2078;
  • text-decoration: underline;
  • }
  • a:hover
  • {
  • color: #0000FF
  • text-decoration: underline;
  • }

    • CSS Code

  • a
  • {
  • text-decoration : none;
  • color:#4D2078;
  • }
  • a:hover
  • {
  • text-decoration : underline;
  • color:#9900CC;
  • }

    • CSS Code

  • a
  • {
  • text-decoration: underline overline;
  • color:#4D2078;
  • }
  • a:hover
  • {
  • text-decoration: none
  • color:#9900CC;
  • }

    • CSS Code

  • a
  • {
  • text-decoration: line-through
  • color:#4D2078;
  • }
  • a:hover
  • {
  • text-decoration: none
  • color:#9900CC;
  • }

    • CSS Code

  • a
  • {
  • border: 1px #A498BD solid;
  • height: 16px;
  • color:#4D2078;
  • }
  • a:hover
  • {
  • border: 1px #0000FF solid;
  • height: 16px;
  • color:#4D2078;
  • }

    • CSS Code

  • a
  • {
  • border: #A498BD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px
  • }
  • a:hover
  • {
  • border:#7D1DBD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px;
  • border-color: #00FF00 #00FF00 #605080 #605080
  • }

    • CSS Code

  • a
  • {
  • border: #A498BD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px
  • padding-bottom: 5px
  • }
  • a:hover
  • {
  • border:#7D1DBD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px;
  • padding-bottom: 2px
  • }

    • CSS Code

  • a
  • {
  • border: #A498BD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px
  • width: 200px;
  • text-align: center
  • }
  • a:hover
  • {
  • border:#7D1DBD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px;
  • width: 170px;
  • text-align: center
  • }

    • CSS Code

  • a
  • {
  • border: #A498BD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px
  • padding-bottom: 5px
  • }
  • a:hover
  • {
  • border:#7D1DBD solid;
  • height: 0px;
  • color:#4D2078;
  • border-width: 0px 0px 1px;
  • padding-bottom: 2px
  • }

    • CSS Code

  • a
  • {
  • color: #4D2078;
  • text-decoration: none
  • }
  • a:hover
  • {
  • color: #9900CC;
  • position: relative;
  • left: 1px; top: 1px;
  • clip: rect( )
  • }

    • CSS Code

  • a
  • {
  • border: 1px #A498BD solid;
  • color: #4D2078;
  • clip: height;
  • background-color: #EEEBFF;
  • height: 20px;
  • padding-top: 5px;
  • padding-right: 5px;
  • padding-bottom: 5px;
  • padding-left: 5px;
  • width: 130px: 0px
  • }
  • a:hover
  • {
  • border: 1px #605080 solid;
  • color: #9900CC;
  • clip: height;
  • background-color: #BDAAE2;
  • height: 20px;
  • padding-top: 5px;
  • padding-right: 5px;
  • padding-bottom: 5px;
  • padding-left: 5px;
  • width: 130px: 0px
  • }
    • 文章標籤
    全站熱搜
    創作者介紹
    創作者 jun431869 的頭像
    jun431869

    二流設計師的小筆記

    jun431869 發表在 痞客邦 留言(0) 人氣(847)