0

Не меняется изображение с помощью border-radius. Код HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>PSVK</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="cropped-PSVK_Logo-300x300.png">
    <link rel="stylesheet" href="net.css">
  </head>
  <body>
    <header>
      <div class="glav">
        <img src="cropped-PSVK_Logo-300x300.png" width="100" height="100">
      </div>
      <nav>
        <ul>
          <li><a href="#">История</a></li>
          <li><a href="#">Специальности</a></li>
          <li><a href="#">Абитуриенты</a></li>
          <li><a href="#">О </a></li>
          <li><a href="">Поступить в наш колледж</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <section>
        <div class="glav">
          <h2>Добро пожаловать в </h2>
        </div>
        <p></p>
        <div class="glav">НАШИ </div>
          <div id="ph1"><img src="photo_2023-09-26_20-19-26.jpg" width="500" height="500"></div>
          <div id="ph2"><img src="photo_2023-09-26_20-19-57.jpg" width='500' height="500"></div>
      </section>
    </main>
    <footer>
      <p>&copy; 2023 </p>
    </footer>
  </body>
</html>

Код CSS:

#ph1{
  border-radius: 100px;
  display: flex;
  text-align: end;
}
#ph2{
  border-radius: 100px;
  display: flex;
  text-align: justify;
} 

Спасибо заранее

1 ответ 1

0

Вы устанавливаете border-radius элементу div c id=ph2. Попробуйте установить border-radius изображению так:

#ph2 img {
     border-radius: 10px;
    }

3
  • спасибо получилось очень помогли долго сидел думал вроде все правильно сделал Commented 28 сент. 2023 в 16:36
  • у меня еще проблема появилось text-align: end; не работает Commented 28 сент. 2023 в 16:39
  • 😇 code-basics.com/ru/languages/css
    – chagins
    Commented 28 сент. 2023 в 16:51

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.