在css中,可以利用「*」選擇器和margin屬性來去除元素與瀏覽器的邊框間距,「*」選擇器用於選取所有的元素並設定樣式,margin屬性用於設定元素的外邊距屬性,只需要將外邊距屬性的值設為0即可,語法為「*{margin:0px;}」。
本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css怎麼去除瀏覽器邊框間距
#在css中,可以利用「*」選擇器與margin屬性來移除元素與瀏覽器的邊框間距。
* 選擇器選取所有元素。 * 選擇器也能選取另一個元素中的所有元素。
margin 簡寫屬性在一個聲明中設定所有外邊距屬性
範例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{ margin:0px; } div{ width:200px; height:200px; background:pink; } </style> </head> <body> <div></div> </body> </html>
如果上述範例中,沒有為元素新增「margin:0px ;」樣式,輸出結果如下:
可見元素與瀏覽器邊框之間是有間距的,添加樣式之後,也就是上述程式碼,輸出結果如下:
(學習影片分享:css影片教學)
以上是css怎樣去除瀏覽器邊框間距的詳細內容。更多資訊請關注PHP中文網其他相關文章!