0

这是我的代码笔：

http://codepen.io/hollowgast/pen/XpYEvb XpYEvb

我试图弄清楚如何让 CSS 在 HTML 中工作。但是，无论我尝试什么，它似乎都是空白的。当我导出文件时，HTML 会显示，但是带有背景颜色等的 CSS 部分不会显示在导出的 ZIP 文件中。

我是 codepen 的新手，正在尝试将 CSS 添加到我的 HTML 文件中。Anyhelp将不胜感激！

4

3 回答 3

0

如果您转到“更改视图”菜单，那里有直接代码链接到您的.html、、.css和.less文件.js的选项。

这是你的CSS：

.tcb-quote-carousel {
  background: #17171c;
  padding-top: 30px;
  margin-top: 40px;
}
.tcb-quote-carousel .quote {
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-bottom: 30px;
}
.tcb-quote-carousel .carousel {
  padding-bottom: 30px;
}
.tcb-quote-carousel .carousel .carousel-indicators > li {
  background-color: #141e2e;
  border: none;
}
.tcb-quote-carousel blockquote {
  margin-top: 5px;
  text-align: center;
  border: none;
  color: grey;
  font-size: 10px;
}
.tcb-quote-carousel .profile-circle {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100px;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
于 2017-02-05T20:07:39.183 回答
0

如果您没有 LESS 处理器，您可以在 codepen 端编译代码： 在此处输入图像描述

于 2017-02-05T20:09:24.667 回答
-3

首先制作标签样式并像这样放置css代码

<style>input code here</style

在 dar 复制 html 代码并保存文档之后

于 2017-02-05T20:09:20.183 回答