Does anyone know how I can assign a border in a triangle made with css?

Question

Does anyone know how I can assign a border in a triangle made with css?

Navigation

#1 by (3 votes)

3

The code is this:

div {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 30px 40px;
    border-color: transparent transparent #007bff transparent;
}

<div/>

I want to create a border on it.

css

asked by anonymous 25.07.2016 / 23:28

1 answer

How do I enable "Telephony Actions" in Android Studio? Delegate (similar to C #) in JavaScript

score 3 · Answer 1

You can make a triangle inside another:

.triangle {
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 44px 34px 44px;
  border-color: transparent transparent #007bff transparent;
}
.inner-triangle {
  position: absolute;
  top: 6px;
  left: -38px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 38px 28px 38px;
  border-color: transparent transparent #f09 transparent;
}

<div class="triangle">
  <div class="inner-triangle"></div>
</div>