Как верстать такого вида блоки? [дубликат]

247
20 марта 2017, 07:16

На данный вопрос уже ответили:

  • Как реализовать вертикальную шкалу с номерами на HTML и CSS 2 ответа

как такое сверстать? спасибо за помощь!

Answer 1

Самый простой вариант div'ы c абсолютным позиционированием.

Круглый див:

    #round { 
     width: 50px; 
     height: 50px; 
     background-color: blue; 
     border-radius: 50%; 
    }
<div id="round">

Треугольный div:

#triangle { 
  width: 0; 
  height: 0; 
  border-top: 50px solid red; 
  border-right: 100px solid transparent; 
}
<div id="triangle">

READ ALSO
Оцените верстку. Нужна критика [требует правки]

Оцените верстку. Нужна критика [требует правки]

Всем приветПрошу оценки мой верстки, аргументированной критики и указания на ошибки или неверно сверстанные элементы

211
css как высчитывается perspective?

css как высчитывается perspective?

Я уже замучился понимать математику как считается перспектива

200
CSS Анимация движения картинки

CSS Анимация движения картинки

ЗдравствуйтеПодскажите, как заставить картинку по достижению определенной точки двигаться обратно? Что я имею:

502
условие в html-странице на Go

условие в html-странице на Go

Хочу сделать постраничность, передаю структуру в html-страницу, потом хочу сделать условие:

248