.demo { width: 500px; margin: 0 auto; padding: 10px 0; font-family: sans-serif; font-size: 20px; color:#ffaf58; } .heading { margin: 10px 0 } .demo13 .heading{ padding:8px 10px; border:rgb(60, 179, 228) 2px; border-style: solid none; background: repeating-linear-gradient( 45deg, #fff, #fff 3px, rgba(60, 179, 228, 0.1) 3px, rgba(60, 179, 228, 0.1) 6px ); } h2 { position: relative; background: #FFDB99; box-shadow: 0px 0px 0px 5px #FFDB99; border: dashed 2px #ffa500; padding: 0.2em 0.5em; color: #FEC04C; } h2:after { position: absolute; content: ''; left: -7px; top: -7px; border-width: 0 0 15px 15px; border-style: solid; border-color: #fff #fff #a8b4ff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } table{ width: 100%; border-collapse: collapse; } table tr{ background-image: linear-gradient(40deg, white 0%, #f0fff0 50%); } table tr:last-child *{ border-bottom: none; } table th,table td{ text-align: center; border: solid 2px #fff; color: white; padding: 10px 0; }