當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS宽高背景介绍

發(fā)布時間：2025/4/9 CSS 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS宽高背景介绍小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

　　本萌新還未畢業(yè)，在一家外包公司干了一個月，因煩惱日常瑣事任務，深感外包之坑，以及上班路途艱辛，特轉戰(zhàn)erp實施，繼寫日常隨筆，望來日屌絲逆襲，走上人生巔峰。

若有錯誤，請前輩指點迷津，在下謝過。

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>寬，高，背景</title><style>/*html{font-size: 30px;}*/body{font-size: 20px;}div{width: 200px;height: 900px;/*對于這個div元素，你想設置多少寬高，比如寬是100px，高是10px這些東西你隨便設置（根據實際需要）*//*對于一個元素（比如div，span,a什么的，html5還出現了一些新的標簽，例如canvas。所謂的樣式就是對元素，或者元素里面的字體或圖片進行設置（文本樣式））*//*background-color:#000;*//*background-color: red;*//*background-color: rgb(0,0,0);*//*background-color: rgba(0,0,0,0.5);*//*這是背景的表示方式*//*background-image: url(search.png);*//*background-position: left top;*//*background-position: center center;*//*background-position: 20px 10px;*//*background-position: 20px 20px;*//*背景圖片的位置，第一個值為水平方向，第二個為垂直方向。可以是數值也可以是top,center類*//*background-repeat: no-repeat;*//*background-repeat: repeat-x;*//*background-repeat: repeat-y;*//*這是設定背景圖片是否平鋪，以及平鋪方向。*//*接下來是復合型寫法，給元素一張背景圖片，位置，是否平鋪。*/background:red url(search.png) 50px 0px no-repeat;/*了解背景的其他屬性*/background-attachment:fixed;/*背景圖是否滾動scroll是滾動；fixed相對于屏幕某個位置固定，不隨滾動條移動； *//*background-size: 50% 50%;*/background-size: 10px 500px;/*設置背景圖片大小，此屬性有兼容性問題*//*更多的比如多背景等，以后講解，這些常用屬性要熟悉。*/}/*span{display: block;font-size: 4em;}span a{display: block;font-size: 1em;}*//*span{display: block;font-size: 2rem;}span a{display: block;font-size: 2rem;}*/</style> </head> <body><div>這是一個容器，接下來我們對容器的寬，高，背景進行一些設置。</div></body> </html>

轉載于:https://www.cnblogs.com/LoveMarvin/p/8325467.html

總結

以上是生活随笔為你收集整理的CSS宽高背景介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

背景
css