Evening all 'Создание кругов в CSS3
Мне было интересно, может ли кто-нибудь указать мне в правильном направлении для создания кругов текста в CSS3. Каковы ваши рекомендуемые ресурсы? Я строю сайт для своего курса в Uni.
спасибо заранее.
Annique
\t .box{
\t \t \t height:150px;
\t \t \t width:150px;
\t \t \t background:#f1f1f1;
\t \t \t border-radius:150px;
\t \t \t border:1px solid #ccc;
\t \t }<div class="box"></div>Если вы нуждаетесь в них реагировать:
.container {
width: 200px;
height: 200px;
}
.box {
width: 100%;
height: 100%;
border-radius: 50%;
background: red;
}<div class="container"><div class="box"></div></div>Я добавил контейнер <div>, потому что сообщения SO не принимают 100% значений без контейнера с фиксированной шириной. Но в проекте вы можете использовать контейнер ширины жидкости или вообще ничего.
Эта проблема должна помочь вам: [Как нарисовать круг на странице html? - Сергей Метлов] (http://stackoverflow.com/questions/6921792/how-to-draw-circle-in-html-page) – Isuka
hot user pic ....: O ...: O ... однако проверьте эту ссылку http://stackoverflow.com/questions/8709291/how-to-make-circular-background-using-css – repzero
Возможный дубликат [CSS Circle with border] (http://stackoverflow.com/questions/33277777/CSS-круг-с границей) –