小编web*_*iki的帖子

我有以下代码.为什么我的背景是白色的？我将图像放在正确的文件夹中.

html {
  height: 100%;
}

body {
  height:100%;
  font-size:40pt;
  background-image:url ("Foto1.html");
}

好的,谢谢,现在文件是Foto1.jpg,代码是background-image: url("Foto1.jpg");
......但它仍然不起作用......

嗨,我正在尝试在div中制作一个角落的丝带,它到处都是我希望它看起来整洁而且很好看它越过div并且不能很好地坐好

/* The ribbons */

.corner-ribbon {
  width: 100px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  overflow: hidden;
}
.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
/* Different positions */

.corner-ribbon.top-right {
  /* top: 18px; */
  right: -4px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(46deg);
  overflow: hidden;
}
.corner-ribbon.blue {
  background: #39d;
}

<div class="large-4 columns">

  <div class="corner-ribbon top-right sticky blue">Hello</div>
</div>

有人能告诉我如何在右上方放置一个角落色带,看起来聪明又漂亮,可以处理大约3个单词.

我正在尝试创建一个这样的css功能区:

它可以使用以下代码正常工作.

body {
  background: url('http://i.imgur.com/FgqcKXm.jpg') no-repeat;
}
h1 {
  background: #A52927;
  display: inline-block;
  padding: 0px 30px;
  color: #EEE4D3;
  position: relative;
  height: 40px;
  line-height: 40px;
}
h1:after {
  position: absolute;
  content: "";
  top: 0px;
  left: auto;
  right: 0px;
  height: 0px;
  width: 0px;
  border-top: 20px solid transparent;
  border-right: 20px solid white;
  border-bottom: 20px solid transparent;
}

<h1>test</h1>

问题: 它在非白色背景上显示白色边框:

有没有其他方法可以在非白色背景上使用css获得相同的形状？

JS小提琴

我正在使用bootstrap 4并尝试创建这种形状的图像:

整个正方形是我的形象,但我想切掉红色部分或使其透明,以便看到背景颜色.

<div class="container">
   <div class="row">
       <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
           <img src="path/to/image" class="img-fluid" alt="Some text">
       </div>
   </div>
</div>

我怎么做到这一点？

以下CSS可以进一步简化吗？

 .firstLevel .secondLevel .k-button,
 .firstLevel .secondLevel .k-input
 .firstLevel .secondLevel .k-picker-wrap,
 .firstLevel .secondLevel .k-textbox {
    border-style: none;
 }

我有一个带有'li'-s的导航菜单.我想把这个li变成六角形,如下所示:

我怎样才能做到这一点？

如何像标题文字之后那样画一条线:

"TITLE ________"

在CSS？
"_"应该完成div的其余部分并填充剩余空间.

我正在使用Ionic框架在App项目中工作.我正在尝试制作电视遥控器的导航按钮.我的目标是使用CSS制作下面链接(来自kodi ios远程应用程序)中的图像按钮.有人能帮我吗？

我想使用CSS创建上面的图像,将其用作按钮(在其上方放置文本).

按钮大小:宽度为180px,高度为36px

谁能帮我？

是否有可能以这种方式重叠2张图片？

想象一下,你有两张图像,就像60%的图像一样.它们应该重叠,但是通过对角线切口.

如何使用CSS实现这种形状:

理想情况下,我也喜欢背景阴影效果.