Кривая оконечности div тегов с использованием Html и css

Question

Кривая оконечности div тегов с использованием Html и css

Можно ли привести ребра кривой к divs, используя только html и css...без использования изображений.

596 4

html css design

4 ответов:

Comments

Ничего не найдено.

Tatu Ulmanen · Accepted Answer · 2009-12-31 20:52:14

Я предполагаю, что вы имеете в виду радиус границы. Да, это возможно в соответствующих браузерах (не IE) с border-radius. Поскольку это свойство CSS3, оно еще не реализовано должным образом, и вам нужно сделать некоторые хитрости, чтобы заставить его работать:
-moz-border-radius: 10px; /* for firefox */
-webkit-border-radius: 10px; /* for safari & chrome */
border-radius: 10px; /* for others (opera) */
Взгляните на http://www.css3.info/preview/rounded-border/ для получения дополнительной информации.

Brian Campbell · Accepted Answer · 2009-12-31 20:51:26

Не так, как это совместимо с кросс-браузером (в частности, IE еще не поддерживает его). В CSS 3 Вы можете использовать border-radius, которые Safari и Firefox поддерживают в настоящее время как -webkit-border-radius и -moz-border-radius. Например
<div style="-moz-border-radius: 10px; 
            -webkit-border-radius: 10px;
            border-radius: 10px;
            border: 1px solid #000; 
            padding: 10px;">
  This is a sample div.
</div>

Oded · Accepted Answer · 2009-12-31 20:50:26

Да, это возможно, но это функция CSS 3, которая может работать не во всех браузерах (или не во всех браузерах). См. Эту статью для примера.

shylent · Accepted Answer · 2009-12-31 20:55:51

Да, это, конечно, технически возможно (лучший вид возможного, я думаю), Вот пример (Обязательно проверьте источник, это действительно классная техника).