按鈕Css不起作用html顏色和填充不起作用-有解無憂

我的按鈕沒有顯示任何 CSS，我不知道為什么它們不顯示。作為參考，這里是html代碼：

p.B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

<!DOCTYPE html>
<html>
<head>
<title>WebDocTitle</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet1.css"/>
</head>
<p align=center> <button type="button" onclick="window.location.href='#28.HTML';" class="B3">ButtonText1</button>
<p align=center> <button type="button" onclick="window.location.href='#29.HTML';" class="B3">ButtonText2</button>
</html>

uj5u.com熱心網友回復：

伙計，它作業正常，您的代碼沒有問題，只需在 CSS 中添加標簽space后即可。p

p .B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

<!DOCTYPE html>
<html>
<head>
<title>WebDocTitle</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet1.css"/>
</head>
<p align=center> <button type="button" onclick="window.location.href='#28.HTML';" class="B3">ButtonText1</button>
<p align=center> <button type="button" onclick="window.location.href='#29.HTML';" class="B3">ButtonText2</button>
</html>

uj5u.com熱心網友回復：

.B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

<p align=center> <button type="button" onclick="window.location.href='#28.HTML';" class="B3">ButtonText1</button>
<p align=center> <button type="button" onclick="window.location.href='#29.HTML';" class="B3">ButtonText2</button>

uj5u.com熱心網友回復：

男人只需放一個空格 b/wp .B3 （注意：你甚至不需要p可以使用

.B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

)

后：-

p .B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

<!DOCTYPE html>
<html>
<head>
<title>WebDocTitle</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet1.css"/>
</head>
<p align=center> <button type="button" onclick="window.location.href='#28.HTML';" class="B3">ButtonText1</button>
<p align=center> <button type="button" onclick="window.location.href='#29.HTML';" class="B3">ButtonText2</button>
</html>

uj5u.com熱心網友回復：

button.B3 {
    padding: 50px; border:1px solid black; background-color: yellow; border-radius: 50% font-family: cooper black; font-size: 50px
}

<!DOCTYPE html>
<html>
<head>
<title>WebDocTitle</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet1.css"/>
</head>
<p align=center> <button type="button" onclick="window.location.href='#28.HTML';" class="B3">ButtonText1</button>
<p align=center> <button type="button" onclick="window.location.href='#29.HTML';" class="B3">ButtonText2</button>
</html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/493315.html

標籤：html css

上一篇：使影像大小相同而不單獨操作它們的大小？

下一篇：在角度中使用stylelint時忽略-webkit-box-shadow和-moz-box-shadow