gpt4 book ai didi

html - 如何在不影响其他的情况下,对某个div id的所有链接进行划线,并加粗标记特定段落

转载 作者:行者123 更新时间:2023-11-28 19:26:32 24 4
gpt4 key购买 nike

<分区>

这是 end-product我应该做,我在 this-stage .

我如何在 css 中直通所有 porttitor>/a> 位于 不影响。

我如何在不加粗标记所有内容的情况下加粗标记最终产品中显示的两个边框的最后一段?另外,如果您愿意,可以告诉我是否应该以不同的方式编写所有内容。

<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<title>Uppgift 4E</title>
<style>
html {
background-color: lightslategrey;
}

body {
margin: auto;
width: 500px;
padding-bottom: 0.1px;
/*knep för div margin */
background-color: #f0ffff;
text-align: center;
font-family: sans-serif;

}

h1 {
Color: purple;
}

#billy {
color: darkred;
border-style: solid;
border-color: purple;
border-width: 1.5px;
border-radius: 5px;
text-align: left;
margin: 10px;
}

#bob {
color: darkgreen;
border-style: solid;
border-color: purple;
border-width: 1.5px;
/* border tjockhet */
border-radius: 5px;
/* rundiga kanter på border */
text-align: left;
margin: 10px;
}

p {
margin-left: 5px;
margin-right: 5px;
}

.two {
font-size: large;
}

.three {
font-size: small;
}

#bob>.two>a {
text-decoration: overline underline;
}
</style>
</head>
<body>
<h1>Uppgift 4E</h1>
<div id="billy">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p class="two">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p class="three">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
</div>
<div id="bob">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p class="two">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p class="three">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse imperdiet velit sit amet neque tempor et imperdiet augue <a href="">porttitor</a>.
</p>
</div>
</body>
</html>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com