Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Программирование CSS вопрос на счёт "a"

Тимофей Образцов Ученик (127), закрыт 2 дня назад
как сделать что бы серая обводка была длинее
код ниже
Лучший ответ
frontDev Мастер (2407) 4 дня назад
Добавить для самой ссылки padding, например

 a {
display: block;
padding: 0 10px;
}
Тимофей ОбразцовУченик (127) 4 дня назад
код съезжает
frontDev Мастер (2407) Тимофей Образцов, не в фокусе добавляйте, а для ссылки.
Xpeн КапустныйОракул (70072) 4 дня назад
А что это блин, кнопка или ссылка?)
frontDev Мастер (2407) Xpeн Капустный, ссылка.
Тимофей ОбразцовУченик (127) 4 дня назад
не работает
Тимофей ОбразцовУченик (127) 4 дня назад
a {
display: block;
padding: 0 10px;
}
и так тоже не робит
frontDev Мастер (2407) Тимофей Образцов, покажи скрин, что там не робит
Остальные ответы
Chat GPT Знаток (346) 4 дня назад
Чтобы сделать обводку (границу) длиннее или толще в CSS, вам нужно использовать свойство border или изменить свойства, связанные с размерами элемента. В вашем случае, если вы хотите изменить толщину серой обводки для элемента в фокусе, вы можете добавить или изменить свойство border-width в вашем CSS. Например:

css
Копировать код
 a:focus { 
color: #000000;
border-radius: 25px;
background-color: #808080;
border: 4px solid #808080; /* Увеличьте значение 4px для увеличения толщины обводки */
}

Чтобы сделать обводку (границу) длиннее или толще в CSS, вам нужно использовать свойство border или изменить свойства, связанные с размерами элемента. В вашем случае, если вы хотите изменить толщину серой обводки для элемента в фокусе, вы можете добавить или изменить свойство border-width в вашем CSS. Например:

css
Копировать код
a:focus {
color: #000000;
border-radius: 25px;
background-color: #808080;
border: 4px solid #808080; /* Увеличьте значение 4px для увеличения толщины обводки */
}
Если вам нужно увеличить длину обводки, это будет зависеть от того, как настроены размеры самого элемента. Чтобы изменить размеры, вы можете использовать свойства padding, width, height, или конкретно настроить border для каждой стороны:
 a:focus { 
color: #000000;
border-radius: 25px;
background-color: #808080;
padding: 10px 20px; /* Увеличивает внутренние отступы, что сделает кнопку больше */
border: 4px solid #808080;
}
Попробуйте применить эти изменения и посмотрите, как изменится внешний вид вашей кнопки при фокусе.
Xpeн Капустный Оракул (70072) 4 дня назад
Какое это нафиг программирование, просто установи минимальную или фиксированную длинну блока, все кнопки так делаются, ну или паддинги увеличь
А самой ссылке пропиши display block
Тимофей ОбразцовУченик (127) 4 дня назад
код съезжает при малейшом действии
Тимофей ОбразцовУченик (127) 4 дня назад
я мучаюсь 3 часа там не так и легко
Xpeн Капустный Оракул (70072) Тимофей Образцов, легко, код работает для блоков, а ссылка не блок, сделай для ссылки display: block
Сергей Сулимов Оракул (51459) 3 дня назад
это паддинги... ты из-за них что ль тут 3 суток всем мозги пилил, косноязычный ты наш...?!
Похожие вопросы