0

是否有某种方法可以将 css 放入 html 中？例如，我的意思是像“之前：”和“之后：”这样的选择器

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

这是文件 css

#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);

}

4

2 回答 2

3

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

正如 Zenith 所说，您不能在内联样式中使用伪元素。看到这个

于 2013-05-19T11:17:02.307 回答
0

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

于 2013-05-19T11:25:31.790 回答