以下技巧均源自于Lea Verou所著《CSS Secrets》
半透明邊框
按照常規(guī)的思維,我們?cè)谔砑影胪该鞯倪吙驎r(shí)無(wú)非是將邊框顏色設(shè)置一個(gè)透明度,如下:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .outerBox{ 8 position: relative; 9 width: 400px;10 height: 400px;11 background-color: aqua;12 }13 .innerBox{14 position: absolute;15 top: 0;16 bottom: 0;17 left: 0;18 right: