百度文庫是一個很好的知識分享平臺,里面包含了各種類型的文檔,其中也不乏一些與前端有關的試題。本文將分享一份 CSS 試題。
/* CSS 試題 */
/* 請使下面的 div 水平居中 */
/* 并使其背景色為淺藍色,文字顏色為白色 */
/* div 寬度為 300px,高度為 200px,字體大小為 24px */
div {
width: 300px;
height: 200px;
background-color: #87CEFA;
color: #fff;
font-size: 24px;
margin: 0 auto;
}
上面的 CSS 試題要求將一個 div 水平居中,并設置其背景色、文字顏色、寬度、高度、字體大小等屬性。其中比較關鍵的是通過設置 margin 的值實現水平居中。
實現方法如下:
div {
width: 300px;
height: 200px;
background-color: #87CEFA;
color: #fff;
font-size: 24px;
/* margin-left 和 margin-right 設置為 auto 可以使元素水平居中 */
margin: 0 auto;
}
通過將 margin-left 和 margin-right 設置為 auto,可以將 div 元素水平居中。同時設置背景色、文字顏色、寬度、高度、字體大小等屬性即可實現 CSS 試題的要求。
以上是一份簡單的 CSS 試題及其解決方法,希望對前端學習者有所幫助。