相关疑难解决方法(0)

如何使用:before和:after创建内联样式

我从http://www.ilikepixels.co.uk/drop/bubbler/生成了一个泡泡聊天的东西.

在我的页面中,我在其中放了一个数字

.bubble {
  position: relative;
  width: 20px;
  height: 15px;
  padding: 0;
  background: #FFF;
  border: 1px solid #000;
  border-radius: 5px;
}

.bubble:after {
  content: "";
  position: absolute;
  top: 4px;
  left: -4px;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent #FFF;
   display: block;
  width: 0;
  z-index: 1;
}

.bubble:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -5px;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent #000;
  display: block;
  width: 0;
  z-index: 0;
}
Run Code Online (Sandbox Code Playgroud)

我希望background-color …

css inline css3

65
推荐指数
4
解决办法
9万
查看次数

标签 统计

css ×1

css3 ×1

inline ×1