АКЦИИ
НОВОСТИ
Уважаемые пациенты,
с мая по октябрь АО "ЦРН "ОТОФОН" работает с понедельника по пятницу с 10.00 до 17.00
ЦРН "ОТОФОН" принимает к оплате
банковские карты
Все новости...
/* Стили для ссылки */
.custom-link {
font-weight: bold;
color: red;
font-size: 20px;
text-decoration: none; /* Убираем подчеркивание ссылки */
display: inline-block; /* Делаем блоком, чтобы можно было добавить полоски */
position: relative; /* Позиционируем относительно своего контейнера */
}
/* Стили для полосок */
.custom-link::before,
.custom-link::after {
content: '';
position: absolute;
top: 50%;
width: 50px;
height: 1px;
background-color: #ccc;
}
/* Расположение полосок */
.custom-link::before {
left: -60px;
transform: translateY(-50%);
}
.custom-link::after {
right: -60px;
transform: translateY(-50%);
}
/* Стили для ссылки */
.custom-link {
font-weight: bold;
color: red;
font-size: 20px;
text-decoration: none; /* Убираем подчеркивание ссылки */
display: inline-block; /* Делаем блоком, чтобы можно было добавить полоски */
position: relative; /* Позиционируем относительно своего контейнера */
}
/* Стили для полосок */
.custom-link::before,
.custom-link::after {
content: '';
position: absolute;
top: 50%;
width: 50px;
height: 1px;
background-color: #ccc;
}
/* Расположение полосок */
.custom-link::before {
left: -60px;
transform: translateY(-50%);
}
.custom-link::after {
right: -60px;
transform: translateY(-50%);
}
/* Стили для ссылки */
.custom-link {
font-weight: bold;
color: red;
font-size: 24px; /* Увеличиваем размер шрифта */
text-decoration: none; /* Убираем подчеркивание ссылки */
position: relative; /* Позиционируем относительно своего контейнера */
display: inline-block; /* Делаем блоком, чтобы можно было добавить полоски */
}
/* Стили для полосок */
.custom-link::before,
.custom-link::after {
content: '';
position: absolute;
top: 50%;
width: 40px; /* Ширина полосок */
height: 1px; /* Толщина полосок */
background-color: #ccc;
}
/* Расположение полосок */
.custom-link::before {
left: -50px; /* Расположение первой полоски */
transform: translateY(-50%);
}
.custom-link::after {
right: -50px; /* Расположение второй полоски */
transform: translateY(-50%);
}