有谁知道如何在CSS中绘制此不规则边框? 不规则盒子

我已经尝试过类似的方法,但是它不会给我不规则的线条。

    .IrregularBox {
  position: relative;
  margin: 20px 0;
  border: 2px #000 solid ;
  border-radius: 50% / 10%;
  text-align: center;
  text-indent: .1em;
}
.IrregularBox:before {
  content: '';
  position: relative;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -5%;
  background: inherit;
  border-radius: 5% / 50%;
}

  ask by suomi-dev translate from so

本文未有回复,本站智能推荐:

3回复

带外部框/边框笔触的CSS外部div元素

我正在尝试以下操作。 我有一个div,其中包含一个带有大边框笔触的框。 这是我一直在玩的代码。 我得到这个结果, 我正在努力达到最终结果, 我知道CSS提供的box方法,但是不知道我是否可以使用CSS实现。 有什么想法或想法吗?
2回复

框大小+边框+绝对子级

我最近发现了这个问题。 检查jsfiddle上的演示 对于我来说,轮廓的行为是错误的,不是吗? .outside元素的框模型是否不应该包括其边界,以便absolute定位的子元素也能勾勒出这些边界? 这是一个已知问题吗? 这真的是正确的行为吗? 如果是这样,有人可以向我解
3回复

框中的HTML + CSS文本

我遇到了css和html的问题。 我需要将文本放在框中。 当我放置文本时,所有的框都会向下移动一点点。 这是我的代码 .box { width: 100px; height: 100px; background: #cce; display: inline-block; m
8回复

侧面带有文本框的HTML CSS图片

需要得到这个(顶部图片/框): 但是目前,这是发生了什么: 我将顶部的框设置为文本框+图片的确切宽度,但是该框爬到了图片的左侧,并且该图片也没有粘贴到该列的右侧。 JsFiddle链接: http : //jsfiddle.net/JkA25/ (由于我不能仅张贴js
4回复

如何设计CSS的“溢出”边界线

只是进入CSS,尽管尝试了不同的方法,但我没有设法在设计边框时考虑到边框。 它看起来应该像这样: 换句话说:边界应该彼此交叉并持续大约30像素,也许我们可以称其为溢出。 导致在所有四个边缘处交叉。 我尝试过在每个边缘设计一个小的立方体盒子,这有点奏效。 但是我发现很难将它们包
2回复

CSS正确地申请引导框

我创建了一个html东西,它的父div名为row-one 。 row-one类的height设置为40%。 html正确呈现,并且父级height应用于子div( child-fluid )。 问题是我有两个框,第一个框按预期正确到达,但是第二个框的渲染不如第一个 谁能告诉我一些
1回复

HTML + CSS垂直菜单及其旁边的“新闻”框

我一直在尝试重新创建此网站: http : //imgur.com/oXLboQx 到目前为止,我已经知道了: http : //imgur.com/rRC0bOK 我想知道如何固定垂直菜单,以使它不会在整个页面上延伸,并且如何将整个“ Naujienos”内容也放置在图片旁边?
3回复

HTML + CSS使用格式化按钮

我最近开始学习HTML和CSS,但遇到了以下问题: http://i.stack.imgur.com/nPKL9.png 带有“ Spausk鬃毛”的3个按钮的文本应位于框的底部,或距底部大约10px,但应居中。 行高,边距等由于某些原因无法正常工作。 悬停设置也不适用于他们,因
2回复

使用HTML CSS和JavaScript创建弹出框

基本上,我试图创建单击不同链接时出现的多个弹出框。 由于某些原因,仅当单击第一个链接时才会显示一个弹出框。 单击其余的链接时,什么也没有发生。 任何帮助表示赞赏,谢谢。 另外,在此示例中,我仅包含了两个链接。 JavaScript代码: HTML代码: CSS代码:
3回复

如何创建类似于带边框表格的div元素

我想知道..如何使我的div元素像盒子一样,却不使用元素“ table”进行边框绘制。 到目前为止,我使用的是table元素,但是当我使用更长的句子时,盒子本身变宽了,这与我的设计不符: http://postimg.org/image/qjp8u01ox/ 通常,当文本超过列的宽