在学习CSS过程中，练习题的重要性不言而喻。通过做练习可以更好地巩固CSS的知识点，提高自己对CSS的掌握程度。下面是CSS上机练习题，希望大家认真完成。
/* 1. 让文字排成一排，每个单词都首字母大写，字体为红色。
例如：Welcome To CSS */
p {
text-transform: capitalize;
color: red;
display: inline-block;
}
/* 2. 设置一个类名为"box"的元素，背景为蓝色，宽度为300像素，高度为200像素，文字垂直水平居中，并且文字颜色为白色。 */
.box {
width: 300px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
background-color: blue;
color: white;
}
/* 3. 编写一个导航栏样式，导航栏排列在页面顶部，宽度占满整个屏幕，每个导航链接之间有2像素的间隙，鼠标移动到导航链接上时，链接底部出现3像素的蓝色下划线。 */
nav {
width: 100%;
display: flex;
justify-content: center;
background-color: gray;
}
nav a {
text-decoration: none;
color: white;
margin: 0 2px;
padding-bottom: 3px;
border-bottom: 3px solid transparent;
}
nav a:hover {
border-bottom: 3px solid blue;
}以上是CSS上机练习题，相信大家已能够熟练掌握各种CSS样式的使用。加油！
本文链接：https://my.lmcjl.com/post/19262.html
展开阅读全文
4 评论