как правильно в таблице прописать стили

[sotex2]

подскажите, как правильно в таблице прописать стили.

как в таблице слово "Сайт", сделать в рамке и эта рамка была залита например зеленым цветом (типа кнопки)

<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а Для просмотра ссылки Войди или Зарегистрируйся
</tr>
</tbody>
</table>

Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся

 

[Reserv]

Что-нибудь вроде этого - Для просмотра ссылки Войди или Зарегистрируйся
И sotex2, у тебя ссылка в теге a прописана не правильно.

 

[SuperMega_info]

<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а style="display: block; padding: 5px 10px; border: 2px green;" href="httр://sait.ru">Сайт</а></td>
</tr>
</tbody>
</table>

 

[EaGames]

<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а style="display: block; padding: 5px 10px; border: 2px green;" href="httр://sait.ru">Сайт</а></td>
</tr>
</tbody>
</table>

ваш пример скорее с зеленой рамкой, с заливкой будет скорее

<а style="display: block; padding: 5px 10px; background: green; color: #fff;" href="httр://sait.ru">Сайт</а>

 

[creamel]

ваш пример скорее с зеленой рамкой, с заливкой будет скорее

<а style="display: block; padding: 5px 10px; background: green; color: #fff;" href="httр://sait.ru">Сайт</а>

ТС задал конкретно вопрос про рамку, ему и написали код с рамкой зеленого цвета
хотя ТС задал двоякий вопрос "сделать в рамке и эта рамка была залита"
тут и выходит 2 варианта - либо просто рамка зеленая, либо фон зеленый (хотя можно и рамку сюда сделать и фон одновременно)
просто ТС поставил задачу без конкретики

 

[mervinking]

Выносите стили! Пишем класс у a, например

<a href="#" class="link-table"
.link-table {....}

 

[Perat]

Доброго, можно присвоить класс например bottom

a .bottom{
   position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: hsl(88, 70%, 30%);
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #a2cf70 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}

 

[EaGames]

Доброго, можно присвоить класс например bottom

a .bottom{
   position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: hsl(88, 70%, 30%);
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #a2cf70 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}

написали лишь бы написать, в теге a нет никакого класса button, и даже нет других тегов для которых можно было бы задать этот класс.
и причем тут ваш градиент от белово к прозрачному? ТС явно просил зеленый.

 

[lexaz44]

Вообще, вопрос поставлен неточно, можно сделать рамку ячейке таблицы - Для просмотра ссылки Войди или Зарегистрируйся
Можно сделать рамку элементу a - Для просмотра ссылки Войди или Зарегистрируйся
Вообще, это элементарно, если перед этим открыть какой-нибудь справочник html и css.

 

[Hamelyon]

td a {display:block; color:#fff; background:green; padding:15px 25px;}