Как переформатировать ссылки?

css
php
html

(Сергей) #1

Необходимо переформатирование ссылки в тексте сайта, сделать их как кнопки. Возможно придется изменить цвет или добавить свои элементы. Какие возможны пути решения?


(Виталий) #2

Можно использовать Селекторы атрибутов

Примеры

CSS

a {
  color: blue;
}

/* Internal links, beginning with "#" */
a[href^="#"] {
  background-color: gold;
}

/* Links with "example" anywhere in the URL */
a[href*="example"] {
  background-color: silver;
}

/* Links with "insensitive" anywhere in the URL,
   regardless of capitalization */
a[href*="insensitive" i] {
  color: cyan;
}

/* Links that end in ".org" */
a[href$=".org"] {
  color: red;
}

HTML

<ul>
  <li><a href="#internal">Internal link</a></li>
  <li><a href="http://example.com">Example link</a></li>
  <li><a href="#InSensitive">Insensitive internal link</a></li>
  <li><a href="http://example.org">Example org link</a></li>
</ul>

Пример

Пример

Дополнительно: