Чтобы создать выпуклую рамку в стиле groove с помощью CSS, нужно использовать свойство border-style и установить значение groove. 24
Пример кода: 2
<!DOCTYPE html><html><head><title>How to create a 3D groove border</title><style type='text/css'>h1.groove { color: green; text-align: center; border-width: 20px; border-style: groove; border-color: #05a100}</style></head><body><h1 style='text-align: center;color: green;'> Welcome To GeeksforGeeks </h1><h1 class='groove'>Groove Border Style</h1></body></html>
Внешний вид рамки в стиле groove зависит от значения цвета границы. 3