HTML5系列代码:给盒元素添加阴影效果

    技术2023-04-06  97

    box-shadow 属性向框添加一个或多个阴影。提示:请使用 border-image-* 属性来构造漂亮的可伸缩按钮! <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>盒子阴影</title> <style type="text/css"> div { width:200px; height:100px; background-color:#f90; -webkit-box-shadow:5px 5px 5px #333; /* 兼容webkit内核 */ -moz-box-shadow:5px 5px 5px #333; /* 兼容gecko内核 */ box-shadow:5px 5px 5px #333; /* 标准用法 */ } </style> </head> <body> <div></div> </body> </html>
    Processed: 0.009, SQL: 9