Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
1

Как с css:after нарисовать такое?

10.04.2015, 15:51. Показов 393. Ответов 7
Метки нет (Все метки)

Подскажите. Вот у меня есть li.active К нему должна прибавляться вот такой вот css after. Как можно его нарисовать средствами css?
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Изображения
 
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.04.2015, 15:51
Ответы с готовыми решениями:

Как такое нарисовать?
Ребята, помогите! Да простят меня модераторы, но больше этот вопрос задать негде. Я уже долго с...

Как нарисовать такое в паскале?

Как нарисовать такое в консольном окне?
Как нарисовать такое в консольном окне применяя C++?

Как понимать такое описание класса CSS?
<style type="text/css"> li.filter div.filter-content {display:block} </style> Если бы было...

7
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 15:56 2
CSS
1
2
3
4
5
li.active:after{
border-top:10px solid #aaa;
border-left: 10px transparent;
border-right: 10px transparent;
}
Если Вам нужно что-то увеличить/уменьшить, соответственно изменяете значение
Также, чтобы разместить его там, где Вам нужно, используйте position:relative и подгоняйте попиксельно. имхо!
0
62 / 53 / 35
Регистрация: 30.03.2015
Сообщений: 264
10.04.2015, 15:58 3
А как сделать темно-зеленый бордер?
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 16:15 4
Решил данный вопрос по-своему:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
li.active:after{
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: green;
  transform: rotate(45deg);
  vertical-align: top;
  outline: 1px solid darkgreen;
}
li.active{
 border-bottom:1px solid darkgreen;
}
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
10.04.2015, 17:05  [ТС] 5
вы то хоть сами проверяли, что написали?
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:07 6
что у вас не так?
0
15 / 15 / 9
Регистрация: 22.11.2013
Сообщений: 762
10.04.2015, 17:23  [ТС] 7
свосем не то, что хотелось бы видеть
0
9 / 9 / 9
Регистрация: 06.05.2012
Сообщений: 66
10.04.2015, 17:28 8
С Вас клещами выдавливать нужно информацию?
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.04.2015, 17:28

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как нарисовать прерывистую окружность на css
Здравствуйте! Нужно нарисовать окружность для лоадера из 4-х частей, но так, что бы между этими...

Как нарисовать такую картинку с помощью CSS?
Ребят,как нарисовать такую картинку с помощью CSS?Хотя может вы подскажите решение другое,у меня...

Как нарисовать через CSS такую дугу?
Как нарисовать через CSS такую дугу? Двух-цветную? Что вообще понимается в макете под таким...

Подскажите, пожалуйста, как правильно нарисовать такую линию в css?
Пробовал эту линию через <hr> , но что то не выходило по центру сделать. Да и думаю, так сейчас не...

Как сделать такое (справа влево становится более прозрачным) размытие фона css?

Как нарисовать фигуру вкл/выкл круглую с наружной и внутренней тенью применяя лишь css
Здравствуйте, прошу подсказать как нарисовать круглую фигуру вкл/выкл на чистом css. Фигура...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.