آموزش سی اس اس : طراحی روبان گوشه ی باکس

با سلام در خدمتون هستم با آموزش سی اس اس  در این بخش با هم یک روبان برای گوشه باکس طراحی می کنیم.

قدم اول : کدنویسی ساختار باکس و روبان

<div id="box-wrp">
 <div class="rooban-wrp">
 <div class="rooban">1coder.blog.ir</div>
 </div>
</div>

قدم دوم : استایل باکس 

#box-wrp { margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; box-shadow:0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90;
}