手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
html – 如何在CSS中创建全宽波
我的任务是建立一个网站.在这个网站上,他们以波浪的形式在他们的模型中有页脚.见下图: 我可能会因没有中风或黄线而逃脱.主要问题是他们希望这个“页脚波”是100%宽度.我以为可以有一个CSS解决方案吗?可能在css中重新创建形状?这可能吗? 如果您的页脚曾经变成一个复杂的图像并且很难用SVG绘制它并且它可能是循环的(几个重复的波而不是一个) – 您可以创建一个模板图像并将其重复为背景.下面的模板只是
作者:佚名 时间:2020-01-01
html – 是否可以使用border-radius的CSS Arch?
我正在尝试使用CSS创建一个拱门.我已经研究了各种“ inset border-radius”问题,但它们都展示了如何嵌入角落,而不是对象的中间部分. 我正在寻找一种方法来反转对象的中间以创建像桥梁一样的拱形. 其中包括一个示例图像,以显示我正在尝试实现的那种事情. 编辑: 这个拱门的一个重要部分是它将被放置在其他对象上.简单地说出来不是一个解决方案,而只是一个临时的黑客攻击.有关详细信息,请参见
作者:佚名 时间:2020-01-01
HTML – 边角形状勺不起作用
我想使用border-corner-shape属性来实现以下形状.但它不起作用. 我的代码如下: .left-1 { background-color: #3498DB; border-corner-shape: scoop; border-radius: 30px; width: 200px; height: 200px; } <div class="left-1"
作者:佚名 时间:2020-01-01
HTML – CSS:响应细长的六边形与文本和渐变背景/边框
我正在尝试创建两个拉长的六边形: 主要特点应该是: >添加渐变背景的可能性 >添加渐变边框的可能性 >文字可以是双线或单线 >在Bootstrap网格中响应(很好) – 角的角度应始终相同. 根据Elongated hexagon shaped button using only one element,到目前为止最好的解决方案就像 https://jsfiddle.net/veuc78af/:
作者:佚名 时间:2020-01-04
html – 用斜率线分隔2个div
我想用斜线分隔2个浮动div,它们有不同的背景颜色. 这里的例子: HTML标记: <div id="wrap"> <div id="one"></div> <div id="two"></div> </div> 我已经尝试过旋转它们(正如你在jsFiddle中看到的那样): #wrap div { -moz-transform: rotate(20deg); -m
作者:佚名 时间:2020-01-05
html – 如何使用带尖头的CSS创建div
我看到许多线程远程相关,基本上建议在:: after或::之前的CSS三角形,但没有一个真正淘汰.我把它扔掉,看看是否有人有任何想法. 我正在寻找一个带尖头或斜顶的div,它仍然保持一个统一的边框和盒子阴影与div的其余部分. 请参阅链接以获取我正在尝试创建的图像: 如果你不想使用图像,你可以做这样的事情.但在这种情况下,处理图像要容易得多. body { background-color
作者:佚名 时间:2020-01-05
html – 如何使用CSS进行循环
我想使用CSS做一个循环扇区.这些部门将形成一个完整的圈子.如何使用CSS? 我发现了一个sample,但它是一个四分之一的圆形扇区.我想制作六个圆形扇形圈,形成一个圆圈.我该怎么做? 注意:我不好画,但这里是我想要的样本… div { width: 50px; height: 50px; background-color: #ccc; background-color: #ccc
作者:佚名 时间:2020-01-07
html – 带有直角梯形的盒子形状
我想知道如果这个形状可以在css3中尽可能少的html来完成: 到目前为止,我已经设法做到这一点: .wrapper { position: relative; } .box { width: 100px; height: 100px; border: 1px solid #000; position: absolute; top: 100px; left: 100px
作者:佚名 时间:2020-01-09
html – 底部带有三角形的div与背景图像
我想做一个div,底部有一个三角形. 但我需要在三角形上显示背景图像,我尝试使用伪元素(:after)但它不起作用. #homebg:after{ content:''; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height
作者:佚名 时间:2020-01-12
html – 如何添加边框到一个容器之间有透明的间隙
这是一个使用CSS实现的设计图像. 如何为容器div实现这样的边框,以便我可以在间隙之间放置透明标志和文本.这个设计将在视频背景下进行.黑色背景仅供说明之用. 到目前为止,我试图实现像这样的测试: body { background: black; } p { color: #ffffff; font-size: 16px; text-align: center; paddin
作者:佚名 时间:2020-01-21
html – 如何在css中做椭圆形?
我想做一个椭圆形像: 但是当我使用这段代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> <title>Oval</title> <style type="text/css">
作者:佚名 时间:2020-01-28
html – 如何用css绘制两个圆圈之间的水平线?
如何在css中的2个圆圈之间画一条水平线? 它必须在其中间,如屏幕截图所示. 示例: 我画了2个圈子,但不知道如何连接它们. #status-buttons a { color: black; display: inline-block; font-size: 17px; font-weight: normal; margin-right: 0; text-align: c
作者:佚名 时间:2020-01-28
html – 我可以创建一个具有曲线底部的div吗?
所以我在一个网站上工作,我想知道是否可以纯粹使用 HTML5,CSS3(如果需要 JavaScript),使一个具有弯曲底部的div,这样看起来就像这样: 还是只能使用背景图像? <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <ul class="nav">
作者:佚名 时间:2020-01-31
HTML和CSS流体圈
我试图用 HTML和CSS创建一个流体圈.我几乎已经完成了,但是它应该是流动的,内部的内容是动态的,它将其形状从圆形变成椭圆形,而其他形状. body { position: relative; } .notify { position: absolute; top: 100%; left: 20%; background: red; border: 2px solid w
作者:佚名 时间:2020-01-31
html – 将div的右侧作为箭头
我在页面上有一个简单的div: <div>Some Text</div> 使用CSS可以使其完成箭头.就像是: UPDATE 这是我用web-tiki提出的解决方案的结果: 看到箭头上的切口? 谢谢, 米格尔 编辑: 如果您需要箭头来适应文本的高度(考虑可以在几行上显示)您可以使用 linear-gradient背景的箭头. FIDDLE 这可以使它: FIDDLE CSS: div{ h
作者:佚名 时间:2020-02-02
html – 具有边框/轮廓的六边形
我知道可以使用以下代码创建六边形形状: .hex:before { content: " "; width: 0; height: 0; border-bottom: 30px solid #6C6; border-left: 52px solid transparent; border-right: 52px solid transparent;
作者:佚名 时间:2020-02-02
html – 创建响应式云形状
我一直在为一个项目在CSS中创建响应式的云形状.由于HTTP请求和响应速度的要求,我试图不用图像,CSS或内联SVG这样做. 所讨论的形状将是:(但可以相似 – 轻微的变化/改进会很酷): 我发现这两个问题,但似乎不符合我的确切需求: > How to fill a text with color using CSS? > CSS apply border to a cloud shape? 我尝
作者:佚名 时间:2020-02-03
html – 如何使CSS中的箭头?
我正在建立一个类似巫师的订购流程,我在这里有这个菜单: 活动页面为绿色(在这种情况下为模型). 如何使用CSS只做这个箭头? 目前我通过使用几个div和图像来实现我的目标: <div class="menuItem"> <div></div> <!-- The left image --> <div>Varianten</div> <div></div> <!-- The
作者:佚名 时间:2020-02-04
如何在HTML或CSS中绘制一个矩形?
我试图画一个矩形,我找到了css代码的网站( http://css-tricks.com/examples/ShapesOfCSS/).如何在HTML中组合?换句话说,我如何在HTML中定义#rectangle. Facebook总是在每页顶部都有蓝色矩形.什么是最好的方式来实现像他们? 我很感激有人可以帮助我 Fiddle HTML <div id="rectangle"></div> CSS
作者:佚名 时间:2020-02-04
html – 使用边框的曲线
那么经过一番调查和寻找解决方案,我已经实现了曲线.但他们并不完美,因为我想要他们. 所期望的效果是这样的: 这是目前的效果: 我想知道有没有人能为这个或任何可以达到预期效果的解决方案提供更好的解决方案. 以下是代码: .left-corner-lines { width: 252px; float: left; min-height: 40px; p
作者:佚名 时间:2020-03-14
上一页
1
2
3
4
5
6
7
8
下一页
小编推荐
苹果市值2025年有望达4万亿美元
• Redmi Note 14系列卖爆 女性用户增多 1
• 腾讯:不再公开显示职级!不希望被官僚
• 三只羊“财色录音”是假的!但背后技术
• 视频美颜SDK与直播美颜工具API的架构设
• 淘宝已接入微信支付!官方确认:京东双
• 品控差!iPhone16首批现划痕、掉漆、摄
• DXO公布iPhone 16 Pro Max影像成绩:最
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot