كيف أقوم بإنشاء Brustrumbums على شكل مثلث

Question

أحاول تصميم فتات عمودي.لست متأكدا من كيفية القيام بالمثلثات الصغيرة في الأسفل، آمل أن أتمكن من القيام بذلك مع CSS فقط وعدم استخدام الصور.أنا أبحث في الحصول على النتائج التالية:

يجب أن يكونوا قادرين على ملء اللون الأبيض تماما مثل العنصر في التحويم.

يمكنك رؤية التقدم المحرز الخاص بي على الكمان: http://jsfiddle.net/5jjm3/2/0>

html:

giveacodicetagpre.

css:

giveacodicetagpre.

شكرا!

Answer 1

العرض التوضيحي: http://jsbin.com/zexoq/1

http://jsbin.com/zexoq/2/edit - أفضل

متعدد الخط: http://jsbin.com/qebek/2/edit

---

giveacodicetagpre.

---

css

giveacodicetagpre.

Answer 2

يمكنك استخدام: قبل و: بعد إنشاء مثلث مع الحدود.

تحقق من الرمز الخاص بي:

giveacodicetagpre.

Demo : http://jsfiddle.net/4n9hq/