直接献上代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background:#f2f2f2; } .border{ position: relative; margin-top:300px; margin-left:200px; width:200px; background:white; height:200px; border:1px solid #d9d9d9; } .border:after{ position:absolute; bottom:-1px; right:-1px; content: ""; border-left:50px solid transparent; border-bottom: 50px solid #d9d9d9; } .borderInner{ position:absolute; bottom:-1px; z-index:2; right:-1px; border-left:48.5px solid transparent; border-bottom: 48.5px solid #f2f2f2; } .a1{ position:absolute; bottom:-1px; z-index:3; right:-1px; } .triangle_left{ width:0; height:0; border-width:0 0 40px 40px; border-style:solid; border-color:transparent transparent #d9d9d9 ; position:relative; } .triangle_left .triangle_left_span{ display:block; width:0; height:0; border-width:0 0 38px 38px; border-style:solid; border-color:transparent transparent white; position:absolute; top:1px; left:-38px; } .borderLeft{ height:38px; width:0; border-right:1px solid #d9d9d9; position:absolute; top:1px; left:-1px; z-index:20; } </style> </head> <body> <div class="border"> <div class="borderInner"></div> <!-- <div class="a1"> <div class="triangle_left"> <span class="triangle_left_span"></span> <div class="borderLeft"></div> </div> </div> --> </div> <script type="text/javascript"> tier(1543989665000); function tier(data){ var datatime=''; if( data != null|| data!=undefined){ timestampToTime(data); function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = ( date.getMonth() + 1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'; var D; if( date.getDate() < 10 ){ D = "0"+date.getDate()+" "; }else{ D = date.getDate()+" "; } var h = ( date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours() ) + ':'; var m = ( date.getMinutes() < 10 ? '0'+(date.getMinutes() ) : date.getMinutes() ) + ':'; var s = ( date.getSeconds() < 10 ? '0'+(date.getSeconds() ) : date.getSeconds() ); datatime = Y+M+D+h+m+s; return Y+M+D+h+m+s; } alert( "少年是不是你要的那"+datatime); return datatime; } } </script> </body> </html>