有没有办法将css放入html中？

这是将css放在html中的一种方法吗？例如，我的意思是，但是选择器像“before:”和“after:”

---

}

您可以像用于div一样使用内联样式。但是为什么需要这样做呢？将css保存在单独的文件中总是一种更好的做法

---

正如Zenith所说，不能在内联样式中使用伪元素

可以像用于div一样使用inline样式。但是为什么需要这样做呢？将css保存在单独的文件中总是一种更好的做法

---

正如Zenith所说，不能在内联样式中使用伪元素

最好在单独的文件中编写代码。您可以使用内联样式，但以后很难编辑或进行某些更改。既然您如此渴望使用内联样式，为什么不直接将代码写在head标记中。这样，您的代码会更干净，您可以在同一页面中访问它。您已经提到过代码中的内联样式。因此，您已经知道问题的答案。

最好将代码写在单独的文件中。您可以使用内联样式，但以后编辑或进行一些更改会变得很困难。既然您非常渴望使用内联样式，为什么不将代码写在head标记中。这样您就可以编写代码了更干净，您可以在同一页中访问它。您在代码中提到了内联样式。因此您已经知道问题的答案。

他已经在他的问题中使用了内联样式CSS。他问的是：before和：after，不能内联指定伪元素。哦..我没看到。但我就是这么说的。是的，我知道在实践中最好将css和html分开，但我正在尝试这个way@Kakitori我链接到的关于你问题的副本有你的答案。您不能在内联CSS中指定：before和：after。@kakitori您在html中使用了CSS。你到底想要什么？他已经在他的问题中使用了内联样式的CSS。他问的是：before和：after，不能内联指定伪元素。哦..我没看到。但我就是这么说的。是的，我知道在实践中最好将css和html分开，但我正在尝试这个way@Kakitori我链接到的关于你问题的副本有你的答案。您不能在内联CSS中指定：before和：after。@kakitori您在html中使用了CSS。你到底想要什么？

<div id="foto" style="position: relative; margin: 20px auto: with: 500px;heght:200px......">
<img src="imgt/big.jpg" width="500px" height="200px">
</div>

#foto{
position: relative;
margin: 20px auto;
width: 500px;
height: 200px;
padding: 10px;
border: 1px solid #ccc;
background: #eee;
}
#foto:before{
content: "";
position: absolute;
z-index: -1;
left: 10px;
bottom: 15px;
width: 50%;
height: 20%;
box-shadow: 0 15px 10px rgba(0,0,0,0.7);
-webkit-transform: rotate(-3deg);
}
#foto:after{
content: "";
position: absolute;
z-index: -1;
left: 250px;
bottom: 15px;
width: 50%;
height: 20%;
box-shadow: 0px 15px 10px rgba(0,0,0,0.7);
-webkit-transform: rotate(5deg);