Возникла потребность на странице текст разместить на фоне серого блока с закругленными углами 1. Сверстала таблицу, разместила текст и в ячейках прописала фон и радиусы для 1. верхнего левого угла {border-top-left-radius: 10px;} 2. для верхнего правого угла {border-top-right-radius: 10px;} 3. для нижнего левого угла {border-bottom-left-radius: 10px;} 4. для нижнего правого угла {border-bottom-right-radius: 10px;} Таблица без выделения границ Таблица с выделенными границами Понятно, что все стили...
Свойства css не поддерживают настройку расстояния между штрихами, но есть несколько вариантов как это обойти. 1 вариант: Берем картинку png такого вида картинка весит чуть более 100 байт. Цвет, прозрачность, длину и ширину промежутков можно изменить в фотошопе. Код: .border { border: dashed 2px #000; /* запасной вариант */ border-image-source: url("путь_к_картинке.png"); border-image-slice: 1; /* толщина бордера */ border-image-repeat: round; /* повторение изображения */ /* короткая запись border-image */ border-image: url("путь_к_картинке...