How to make double border on left only with thick outside and thin inside [duplicate]

by

I think this is what you are looking for..

.border1{
  width:100px;
  height:100px;
  border-left: 10px solid #ccc;
  }
.border2{
 width: 100px;
 height: 100px;
 display: block;
 margin-left: 15px;
 border-left: 3px solid #ccc;
  }
<div class="border1">
  <div class="border2"></div>
</div>

Check it and let me know if you want any thing else..

More Related Contents:

  1. Cut Corners using CSS
  2. Transparent half circle cut out of a div
  3. How to create a circle with links on border side
  4. How to create uneven rounded sides on a div?
  5. Shape with a slanted side (responsive)
  6. CSS Cut out circle from a rectangular shape
  7. CSS3 Transform Skew One Side
  8. How to make a curved edge hexagon by using CSS
  9. How to draw circle in html page?
  10. Responsive CSS Trapezoid Shape
  11. Generate repeating hexagonal pattern with CSS3
  12. How to create a curve between two gradient using CSS?
  13. Hexagon shape with a border/outline
  14. How to create a transparent triangle with border using CSS?
  15. How to bevel the corner of a block div?
  16. Dynamically aligning pseudo element according to parent height
  17. CSS Speech Bubble with Box Shadow
  18. Center Triangle at Bottom of Div
  19. CSS box shadow around a custom shape?
  20. How can I make a 45 degree responsive ribbon with folded corner?
  21. Border with a transparent centred arrow
  22. Add outward curving border to elements like this: ◝◟___◞◜
  23. Skewed Borders on a Div
  24. Pixelated edge around a CSS Circle with overflow: hidden;
  25. Title with bottom border smaller than width
  26. div with triangle at the bottom with background image
  27. How to create a triangle in CSS3 using border-radius
  28. How to transform each side of a shape separately?
  29. How to create a heart shape using CSS?
  30. Make plus symbol in CSS

Leave a Comment