亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎樣把兩個p標簽設置成不同的文字和邊框顏色?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>邊框</title>

<style type="text/css">

p{border:3px dotted yellow;}

</style>

</head>

<body>

? ? <h1>勇氣</h1>

? ? <p>三年級時,我還是一個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>

? ? <p>到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>? ?

</body>

</html>


正在回答

6 回答

加class 或者 id? 也可以使用 :nth-child() 就比如說你上邊想單獨的讓第一個p標簽被選中然后修改樣式 就body :nth-child(2)? 括號里邊按順序來 1就是第一個兒子 這里第一個p標簽是第二個兒子 以此類推

0 回復 有任何疑惑可以回復我~

把兩個P看成兩個盒子,給P標簽一個class 或者 一個id?

0 回復 有任何疑惑可以回復我~

給每個p加個名字,比如:

<p class="con">

<p class="info">

然后給各個名稱配值

0 回復 有任何疑惑可以回復我~

給兩個p標簽里分別添加一個選擇器比如class“類選擇器”,并添加css樣式

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>邊框</title>
<style?type="text/css">
.p1{border:3px?dotted?yellow;}
.p2{border:2px?solid?red;}
</style>
</head>
<body>
????<h1>勇氣</h1>
????????<p?class="p1">三年級時,我還是一個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
????????<p?class="p2">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
</body>
</html>


0 回復 有任何疑惑可以回復我~

兩個p標簽里分別加一個選擇器 <P CLSS或id>

0 回復 有任何疑惑可以回復我~

p{border:3px dotted yellow;}

你已經寫出來了呀

0 回復 有任何疑惑可以回復我~
#1

慕瓜8398273 提問者

效果并沒有實現呢
2020-05-11 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

怎樣把兩個p標簽設置成不同的文字和邊框顏色?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號