CSS3——給div設定背景圖片
阿新 • • 發佈：2018-11-24
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 200px; height: 200px; border: 1px solid black; background-image: url(css.jpg);/* 引入圖片 */ background-size: 100px 100px;/* 設定圖片的大小 */ background-repeat: no-repeat;/* 如果圖片比較小,框比他大的時候,設定的顯示方式,repeat-x沿x軸顯示,repeat-y沿y軸顯示 */ background-position: 50% 50%;/* 設定圖片的位置,left top左上,center center居中..... */ } </style> <title></title> </head> <body> <div></div> </body> </html>
