Как установить пунктирные границы в HTML

Автор：Eve Cole Время обновления：2025-05-15 03:16:01

Используйте стили CSS и элементы тега HTML

Чтобы добавить пунктирные линии границы в различные теги HTML, мы выбираем несколько общих выравниваний метки, чтобы установить эффект пунктирной линии границы.

1. Общие теги HTML

P тег

охватывать

улью

таблица tr td

2. Слова атрибутов CSS используются в примере

граница

ширина

высота

3. Введение в ключевые моменты реализации пунктирных линий

Граница является пограничным атрибутом. Если вы хотите достичь пограничного эффекта объекта, вам необходимо установить ширину границы, цвет границы и стиль границы (сплошные или пунктирные линии)

Граница: 1px пунктир #f00 Это должно установить ширину стиля границы на 1px, пунктирную линию и пунктирную линию на красную.

4. Пример описания

Мы устанавливаем одинаковую ширину, одинаковую высоту и эффекты границ для вышеуказанных этикетков.

5. Завершите HTML -код:

 <! Doctypehtml> <html>
 <Head> <metacharset = UTF-8/>
 <title> Depted Line Demoncation HTML -граница www.pcss5.com </title> <style>
 .bor {border: 1pxdashed#f00; ширина: 300px; высота: 60px; margin-top: 10px} span {display: block}/*css Комментарий Описание: пусть пролет образует блок*//
 </style> </head>
 <body> <pclass = bor> pbox </p>
 <spanclass = bor> span box </span> <ulclass = bor>
 <li> ulli list </li> <li> ulli list </li>
 </ul> <tableclass = bor>
 <tr> <td> форма </td>
 <TD> Таблица 2 </td> </tr>
 <tr> <td> data </td>
 <Td> Данные 2 </td> </tr>
 </table> </body>
 </html>

Приведенный выше пример устанавливает один и тот же стиль для разных тегов в HTML, включая одни и те же пунктирные линии границы.

6. Скриншот эффекта браузера

Снимок экрана пунктирного эффекта различных тегов в границах с наборами HTML и пунктирными линиями