SORU
6 Ocak 2010, ÇARŞAMBA


Nasıl Başlık stilini değiştirmek çapa etiketi içinde özniteliği?

Örnek:

<a href="example.com" title="My site"> Link </a>

Nasıl "title" özniteliği. değiştirebilirim Varsayılan olarak, sadece sarı arka plan ve küçük bir yazı tipi vardır. Daha büyük yapmak ve arka plan rengini değiştirmek istiyorum.

başlık özniteliği için [Değiştir] CSS ayarı?

CEVAP
9 Ocak 2012, PAZARTESİ


CSS3 ile artık mümkün title öznitelik içerik özelliğini kullanarak oldukça kolay tarzı. Burada kısa bir gösteri:

CSS

a {
  color: #900;
  text-decoration: none;
}

a:hover {
  color: red;
  position: relative;
}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

http://jsfiddle.net/tDQWN/ Demo

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • NikkoNantone

    NikkoNantone

    21 Kasım 2011
  • The Amazing Atheist

    The Amazing

    20 Kasım 2006
  • Titan Lee Hai

    Titan Lee Ha

    14 Temmuz 2008