由于某種原因，我在網(wǎng)站中使文本居中時遇到一些問題。我需要文本在網(wǎng)站（計算機和網(wǎng)站）中精確居中。.bg { background: url(https://i.imgur.com/HrC81SX.jpg) no-repeat center center fixed; -webkit-background-size: cover; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; position: fixed; -webkit-filter: blur(5px); filter: blur(5px); }#cs { display: block; text-align: center; font-family: 'Times New Roman'; position: absolute; color: #EFE4D9;}#text { text-align: left;}<div class="bg"></div><h1 id="cs" style="text-align: center;">C O M I N G S O O N</h1><p id="text">such's movie room is on it's way through the development, just stay tuned! C:<br>- such <3</p>
2 回答
子衿沉夜
TA貢獻1828條經(jīng)驗 獲得超3個贊
.bg {
background: url(https://i.imgur.com/HrC81SX.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
-webkit-filter: blur(5px);
filter: blur(5px);
z-index:0;
}
#cs {
display: block;
text-align: center;
font-family: 'Times New Roman';
position: relative;
color: #EFE4D9;
}
#text {
position: relative;
}
智慧大石
TA貢獻1946條經(jīng)驗 獲得超3個贊
嘗試這個：
.bg {
background: url(https://i.imgur.com/HrC81SX.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
-webkit-filter: blur(5px);
filter: blur(5px);
z-index:0;
}
#cs {
display: block;
text-align: center;
font-family: 'Times New Roman';
position: relative;
color: #EFE4D9;
}
#text {
position: relative;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="bg"></div>
<h1 id="cs" style="text-align: center;">C O M I N G S O O N</h1>
<p id="text">such's movie room is on it's way through the development, just stay tuned! C:<br>- such <3</p>
<!--a countdown should be here-->
</body>
</html>
- 2 回答
- 0 關(guān)注
- 201 瀏覽
添加回答
舉報
0/150
提交
取消