/* 水平居中 */ text-align: center; /* 适用于块级元素 */ margin-left: auto; margin-right: auto; /* 适用于块级元素 */ /* 垂直居中 */ display: flex; justify-content: center; align-items: center; /* 适用于容器元素和内部子元素 */ /* 水平垂直居中 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 适用于绝对定位的元素 */
CSS中的颜色设置方法有很多种,可以用颜色名称、RGB值、十六进制值、HSL值等方式。
/* 颜色名称 */ color: red; /* RGB */ color: rgb(255, 0, 0); /* 十六进制值 */ color: #FF0000; /* HSL */ color: hsl(0, 100%, 50%); /* 透明度 */ color: rgba(255, 0, 0, 0.5);
以上是CSS居中及颜色设置的几种方法,在实际网页设计中可以根据需要选用不同的方法来实现。