我想设置的锚文本，但是我加上一些属性怎么就不能达到效果了
<!DOCTYPE html>
<html>
<head>
<title>锚文本</title>
<meta charset="utf-8">
<style type="text/css">
#p1{
background: red;
margin: 20px;
border: 1px solid blue;
width: 20px;
height: 20px;
}
#p2{
background:yellow;
margin: 20px;
border: 1px solid red;
width: 20px;
height: 20px;
}
#p3{
width: 50px;
height: 50px;
background: pink;
border: 20px solid blue;
margin-bottom: 10px;
}
#p4{
width: 40px;
height: 40px;
background: purple;
border: 10px solid ;
}
</style>
</head>
<body>
<a id="p1" href="8.html#p1">p1</a>
<a id="p2" href="8.html#p2">p2</a>
<a id="p3" href="8.html#p3">p3</a>
<a id="p4" href="8.html#p4">p4</a>
</br>
</br>
<a name="p1"></a>
<p>p1</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p2"></a>
<p>p2</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p3"></a>
<p>p3</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p4"></a>
<p>p4</p>
</br>
</br>
</br>
</br>
</body>
</html>
木渔人R34352182回答
-
mgsers
一般都是用id而不是name，href直接#id名
向你推荐
我也搞不清楚，为什么不出效果，我把配置文件都下载到本地了，然后都一个一个连接上了，就是不出效果
scrollTop属性是可设置的，为什我设置之后没效果？？
为什么在.right里面设置position:absolute;不能达到效果，换成position:relative就可以了
你们怎么理解对象的属性和方法的啊? 是不是 对象的属性即有那些效果 而方法是不是就是如何利用这些效果啊？
随时随地看视频慕课网APP
Html/CSS