多重邊框.
利用重復(fù)指定box-shadow來(lái)達(dá)到多個(gè)邊框的效果
div {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2);
height: 200px;
margin: 50px auto;
width: 400px
}
簡(jiǎn)單的文本模糊
p {
color: transparent;
text-shadow: #111 0 0 5px;
}
編輯任意頁(yè)面
打開(kāi)瀏覽器控制臺(tái),輸入如下代碼并執(zhí)行.就可以對(duì)頁(yè)面進(jìn)行編輯了.
document.body.contentEditable='true';
瀏覽器做編輯器用
在瀏覽器地址欄輸入如下代碼,然后回車(chē).
data:text/html, <html contenteditable>
同理,你可以在地址欄運(yùn)行html
data:text/html,<h1>Hello, world!</h1>
同樣可以運(yùn)行javascript
javascript:alert('hello from address bar :)');
