CSS設計題
CSS是一種用于設置網頁樣式的語言,其后綴名為.css。設計良好的CSS可以使網站的布局和視覺效果更加美觀,提高用戶體驗。下面是一道CSS設計題。
題目:
請您在不改變HTML結構以及不使用JavaScript的情況下,利用CSS實現以下要求:
1.將文本框的寬度設置為60%,高度設置為50px,垂直居中并使其充滿整個瀏覽器窗口。
2.將文本框的文字顏色設置為白色,背景顏色設置為黑色,字體設置為Helvetica,字體大小為16像素。
3.將提交按鈕的背景顏色設置為紅色,字體顏色設置為白色,字體加粗。
請在下方的pre標簽中輸入您的CSS代碼:
body, html { height: 100%; margin: 0; padding: 0; } form { display: flex; justify-content: center; align-items: center; height: 100%; } input[type="text"] { width: 60%; height: 50px; font-size: 16px; font-family: "Helvetica", sans-serif; color: white; background-color: black; border: none; outline: none; text-align: center; } input[type="submit"] { background-color: red; color: white; font-weight: bold; border: none; outline: none; }注釋: 以上CSS代碼使用了Flex布局,使得文本框垂直居中且充滿整個瀏覽器窗口。另外,為保證樣式的一致性,使用了全部統一的默認樣式。
下一篇css的虛線邊框