12 мар. 2015 г. · Make another triangle that's red and one pixel wider and then put the white triangle over it and you have a white triangle with a red border.

31 окт. 2017 г. · You can use ::before and ::after with borders on two adjacent sides (e.g. top and right) and then transform: rotate and position: absolute ...

15 нояб. 2017 г. · Create an :after or :before element that absolutely positions at the bottom of your div. .box { position: relative; background-color: #F00; ...

27 мар. 2018 г. · My question is how do I get another triangle in the top left as well? When I add code for the second triangle, my div comes out all messed up.

25 нояб. 2011 г. · Here's a transparent pure css triangle with borders: .container { width: 200px; height: 200px; position: relative; border-top: 4px solid ...

22 июл. 2013 г. · A CSS triangle is a border, so adding a border to it doesn't make much sense. However, it is possible -- see cssarrowplease.com

11 окт. 2012 г. · In short, what we're doing is drawing a border on a single edge of the element, then positioning the element such that we only see what appears to be a ...

26 апр. 2013 г. · I've found a webkit-only solution, using the △ character: .triangle { -webkit-text-stroke: 12px black; color: transparent; font-size: 200px; }

23 янв. 2015 г. · I'm trying to create a double bordered tool tip with a triangle but I can't figure out how to do the outline part because there is no outline-right/left/top/ ...

19 нояб. 2014 г. · So, i've created a triangle that points up with a background color of#222 using pure CSS. I want to add a red 1px border to that triangle, but I ...