标签:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimal-ui" /> <title>画圆</title> <style type="text/css"> body { width:100%; height: 100%; } html { font-family: sans-serif; -webkit-backface-visibility: hidden; -webkit-text-size-adjust: none; } .total{ height: 900px; width: 100%; } .all{ width: 100px; height: 200px; /*-webkit-border-radius:50px;*/ background-color: red; position: relative; overflow: hidden; } .part { position: absolute; right: -31px; bottom: -33px; width: 65px; height: 65px; background-color: green; font-color: black; text-align: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } </style> </head> <body> <div class="all"> <div class="part" >完结</div> </div> </body> </html> <script> </script>
标签:
原文地址:http://www.cnblogs.com/qiflyer/p/4522452.html