Сделать работу по html

Question

Сделать работу по html

Данила Марков Ученик (135), на голосовании 10 месяцев назад

Напишите код для html как сделать вокруг изображения кружки и как написать такую таблицу

Answer 1

В CSS border-style: dotted
Хром, правда, выдает не совсем "кружки", а скорее "квадратики"
Если отдельно для каждой стороны
border-style: dotted;
border-top-color: #FFFFFF;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;

Answer 2

Для изображения с пунктирной рамкой:

<!DOCTYPE html>
<html>
<head>
<style>
.circle-border {
border: 4px dotted black; /* Adjust size and color as needed */
padding: 5px; /* Adjust the space between the border and the image */
border-radius: 50%; /* Optional: to make the border a bit rounded */
}
</style>
</head>
<body>

<img src="path-to-your-image.jpg" alt="Cute cartoon" class="circle-border">

..</body>
</html>

Замените `"path-to-your-image.jpg"` на путь к вашему изображению.

Для стола:

<!DOCTYPE html>
<html>
<head>
<style>
.table-style {
border-collapse: collapse; /* To ensure that the borders are collapsed into a single border */
width: 100%; /* Adjust the width as needed */
}
.table-style th, .table-style td {
border: 1px solid black; /* Adjust the border size and color as needed */
text-align: left; /* Aligns the text to the left, change if needed */
padding: 8px; /* Adjust the padding inside the cells */
}
/* Style for the header */
.table-style th {
background-color: #f2f2f2; /* Change the background color as needed */
}
</style>
</head>
<body>

<table class="table-style">
<tr>
<th>Адрес</th>
<th>Телефон</th>
<th>Имя</th>
<th>Номер</th>
<th>Город</th>
</tr>
<tr>
<td>Address Here</td>
<td>Telephone Here</td>
<td>Name Here</td>
<td>Number Here</td>
<td>City Here</td>
</tr>

</table>

</body>
</html>

Обязательно заполните содержимое таблицы фактическими данными, которые вы хотите отобразить. Настройте стили CSS так, чтобы они соответствовали именно тому виду, который вам нужен.