css上机考试试题及答案

最近学习了CSS，老师给我们布置了一个上机考试。下面是试题及答案：

1. 如何让文字左对齐，图片右对齐？

<div style="display: flex;">
   <p style="flex: 1; text-align: left;">文字</p>
   <img src="图片路径" alt="" style="flex: 1; text-align: right;">
</div> 

2. 如何让一张图片水平居中？

<img src="图片路径" alt="" style="display: block; margin: 0 auto;"> 

3. 如何设置一个元素的背景颜色为透明？

background-color: transparent; 

4. 如何设置一个元素的边框为红色、宽度为2px、圆角为10px？

border: 2px solid red;
border-radius: 10px; 

5. 如何让一个元素在屏幕上固定不动？

position: fixed; 

6. 如何让一个元素在页面中垂直和水平居中？

元素的父级元素设置：
display: flex;
align-items: center;
justify-content: center; 

7. 如何给文本添加下划线？

text-decoration: underline; 

8. 如何让一个元素浮动在右侧？

float: right; 

9. 如何给链接添加hover效果？

a:hover {
   color: red;
} 

10. 如何隐藏页面上的一些元素？

display: none; 

以上是CSS上机考试试题及答案，希望对大家有所帮助。