Остання лінія справа

Влад Мержевич

Тема:CSSCSS3

Нижче наведено код, який додає посилання та встановлює для них лінію справа (приклад 1).

Приклад 1. Посилання

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Посилання</title>
  <style>
   .links { 
    background: #F6967D;
   }
   .links a {
    color: #FFFDEB;
    display: inline-block;
    border-right: 1px solid #B62025;
    padding: 5px 10px;
   }
  </style>
 </head>
 <body>
  <div class="links">
    <a href="1.html">uno</a>
    <a href="2.html">dos</a>
    <a href="3.html">tres</a>
    <a href="4.html">cuatro</a>
  </div>
 </body>
</html>

Вигляд посилань показано на рис. 1.

Рис. 1. Посилання з лінією справа

Придумайте три способи, як видалити останню лінію справа від посиланки. При цьому дозволяється тільки редагувати стилі без змінення HTML-коду всередині <body>.

SEO текст: Навчіться видаляти останню лінію справа від посилань, використовуючи лише CSS стилі. Покращуйте ваші навички редагування стилів у веб-розробці.

Часті запитання