我正在嘗試制作標題。我正在嘗試更改導航欄中文本的顏色并擺脫文本裝飾。這是我的代碼:
反應JS:
import React from 'react';
import './Header.css';
function Header() {
return (
<nav className="header">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Projects</a>
<a href="#">Resume</a>
</nav>
)
}
export default Header;`
CSS:
.header {
background-color: #171A25;
align-items: center;
color: white;
word-spacing: 33px;
text-align: center;
}
uj5u.com熱心網友回復:
a{
color: white;
text-decoration: none;
}
uj5u.com熱心網友回復:
您需要設定a標題的直接子鏈接的樣式。
.header {
background-color: #171A25;
align-items: center;
word-spacing: 33px;
}
.header > a {
text-decoration: none;
color: white;
text-align: center;
}
import React from 'react';
import './Header.css';
function Header() {
return (
<nav className="header">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Projects</a>
<a href="#">Resume</a>
</nav>
)
}
export default Header;
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/496777.html
標籤:javascript css 反应
上一篇:當使用@Environment(\.dismiss)時,“變數在初始化之前使用”
下一篇:多個等待并行運行
