當(dāng)前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS宽高背景介绍

發(fā)布時(shí)間：2025/4/9 CSS 40 豆豆

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

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

若有錯(cuò)誤，請(qǐng)前輩指點(diǎn)迷津，在下謝過。

<!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;/*對(duì)于這個(gè)div元素，你想設(shè)置多少寬高，比如寬是100px，高是10px這些東西你隨便設(shè)置（根據(jù)實(shí)際需要）*//*對(duì)于一個(gè)元素（比如div，span,a什么的，html5還出現(xiàn)了一些新的標(biāo)簽，例如canvas。所謂的樣式就是對(duì)元素，或者元素里面的字體或圖片進(jìn)行設(shè)置（文本樣式））*//*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;*//*背景圖片的位置，第一個(gè)值為水平方向，第二個(gè)為垂直方向。可以是數(shù)值也可以是top,center類*//*background-repeat: no-repeat;*//*background-repeat: repeat-x;*//*background-repeat: repeat-y;*//*這是設(shè)定背景圖片是否平鋪，以及平鋪方向。*//*接下來是復(fù)合型寫法，給元素一張背景圖片，位置，是否平鋪。*/background:red url(search.png) 50px 0px no-repeat;/*了解背景的其他屬性*/background-attachment:fixed;/*背景圖是否滾動(dòng)scroll是滾動(dòng)；fixed相對(duì)于屏幕某個(gè)位置固定，不隨滾動(dòng)條移動(dòng)； *//*background-size: 50% 50%;*/background-size: 10px 500px;/*設(shè)置背景圖片大小，此屬性有兼容性問題*//*更多的比如多背景等，以后講解，這些常用屬性要熟悉。*/}/*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>這是一個(gè)容器，接下來我們對(duì)容器的寬，高，背景進(jìn)行一些設(shè)置。</div></body> </html>

轉(zhuǎn)載于:https://www.cnblogs.com/LoveMarvin/p/8325467.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

背景
css