手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
如何在CSS中创建凹底边框?
内容需要能够在凹陷区域中滚动后面而不会被遮挡.具体来说,我正在尝试创建这个:最佳答案对于透明背景,您可以使用框阴影:DEMO说明:这种技术的关键是使用具有盒阴影和透明背景的伪元素来透视它.伪元素被绝对定位并且具有比容器大得多的宽度,以便(借助于边界半径)给div的底部提供平滑的插入曲线.简单来说:div的背景是伪元素的box-shadow.z-index值允
作者:佚名 时间:2019-07-25
CSS形状 – 三角形设计
我们可以只使用CSS创建以下图像吗?我能够创建一个直角三角形.但我无法创建这个特定形状的三角形.任何帮助将不胜感激.直角三角形设计代码:#triangle, #triangle3 { width: 0; height: 0; border-width: 100px 0 0 100px; border-style: solid; borde
作者:佚名 时间:2019-08-01
javascript – 响应圆形图像
我目前正在为自己创建一个动态样式表,我将来会使用它,因此我希望它是动态的而不是硬编码的.我有一个图像类:.image-round{ border-radius: 50%; } 这个类适用于所有方形图像,但是当我尝试矩形图像时,我得到一个椭圆形.我尝试使用jQuery来解决这个问题,将图像包装在一个容器中,我将其隐藏溢出并将其高度和宽度设置为等于图像的
作者:佚名 时间:2019-08-08
html – 隐藏在CSS边框形状后面的文本
我正在尝试使用背景颜色创建一个围绕文本的h1样式. h1.skew { padding-left: 10px; text-decoration: none; color: white; font-weight: bold; display: inline-block;
作者:佚名 时间:2019-04-07
html – 仅限带有箭头和边框的CSS工具提示
样式.Tooltip { position: absolute; z-index:999; width:200px; height:57px; padding:20px; font-family: 'Comic Sans MS', cursive; font-weight:bold; font-
作者:佚名 时间:2019-08-08
html – 碗状下划线或输入边框
参见英文答案 > Input with border for half height 5个我有一个输入字段,底部只有一个边框,现在我需要在输入的左侧和右侧创建一个小线.这有点难以描述,所以我将使用一个例子:input { background-color: transparent
作者:佚名 时间:2019-08-13
html – CSS形状外 – Firefox浏览器支持
我一直在尝试使用跨浏览器的CSS形状,我已经在Chrome和Safari中使用它没有任何问题,我似乎无法在Firefox中工作(尚未测试IE,不期待那样).codepen这是HTML:<div class='container'> <section class='hero'> <section class='slid
作者:佚名 时间:2019-08-16
HTML – 背景上的平行对角线
我想在div的背景上绘制2条平行的对角线.请参阅我的表here:body { background-image: url('http://i.imgur.com/TnPgXl4.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-s
作者:佚名 时间:2019-08-16
html – 用CSS做这个吗?
有没有一个很好的方法来使用HTML / CSS?基本上是一个div,边缘有一个“凹凸”的圆圈.这部分很容易使用伪类,但我的问题是使投影将其视为形状的一部分.当我分别对圆圈应用阴影时,它不能可靠地工作.我知道有办法做到这一点..但我不确定浏览器的支持是什么.你们建议什么是解决这个问题的最佳方法?谢谢!最佳答案你可以通过一堆CSS来接近这个.有关实例,请参见th
作者:佚名 时间:2019-08-18
html – 非矩形形状内的文本(五边形或六边形)
我想要实现的效果:非常相似的问题:> How can I wrap text around a non rectangular image? - 但反过来(他们想要包装文字,我想保留文字内)> Wrapping text around non-rectangular shapes css/html潜在解决方案> http://www.cs
作者:佚名 时间:2019-08-29
HTML – 发表论文css3
我试图在纯css3中创建一个带过渡和盒子阴影的贴纸.到目前为止,我已经完成了两面都有阴影的纸张,但我想让它看起来像这样:没有图像,这甚至可能吗?.shadow { width: 150px; height: 150px; background-color: yellow; position: relative; } .shadow:after
作者:佚名 时间:2019-08-30
HTML – Firefox的奇怪边框问题
我正在尝试使用CSS创建三角形样式,但边框上会出现一条暗线,如下所示.它仅出现在Firefox中,而不是Chrome或IE中.造成这种情况的原因以及如何解决这个问题?这是我的代码:HTML:<div> <h1>Hello</h1> </div> CSS:div{ margin: 20px; }
作者:佚名 时间:2019-09-06
html – css页面卷曲效果投影旋转
我正在尝试旋转我应用了“页面卷曲”投影的div.页面卷曲阴影效果工作正常,直到我旋转div,此时阴影元素显示通过div(z-index问题)?我也注意到,如果我有一个图像作为div内容,我不会遇到这个问题,但我很乐意让它适用于带有文本内容的div.有什么建议?这是代码:CSS(删除供应商前缀以缩短代码,但问题出现在所有现代浏览器中):.shadow {bor
作者:佚名 时间:2019-09-06
html – 使用CSS的内圆角底半径
我想创建一个像这样的底部圆角的形状 – 我怎么能用CSS实现这个任务? 基于SVG的方法: CSS可能不是创建此类形状的最佳方式.你应该使用SVG. 1-使用路径元素: 我们可以使用SVG的path元素来创建这个形状,并用一些颜色,渐变或图案填充它. 只有一个属性d用于定义路径元素中的形状.此属性本身包含许多短命令和几个参数,这些命令是这些命令工作所必需的. 下面是创建此形状的必要代码: <pat
作者:佚名 时间:2019-04-23
html – css透明形状覆盖图像
This is what i am trying to achive 我有 : #image1 { position: absolute; bottom: 0px; align-self: auto; background-color: #dc022e; width: 340px; height: 100px; border-radius:
作者:佚名 时间:2019-04-23
html – 如何创建一个与css重叠的圆和条?
对于用户配置文件,我正在尝试创建一个圆形图像以及一个与图像高度相同的水平条.此外,它应该是响应.它应该如下图所示.在黑色栏中会有文字. 有人可以用正确的CSS帮助我吗?到目前为止,我有下面的代码,但这已经出错,因为黑条位于圆圈下方而不是旁边.但我也不知道如何让黑条准确地从图像中间开始,将图像放在顶部,并使黑条中的文字充分向右开始(同时响应屏幕尺寸) . <div class="col-md-12
作者:佚名 时间:2019-09-26
html – 如何使用css创建波形
我试图将li元素显示为wave. 我不想使用任何背景图像,但border-radius不支持负值.我希望你能帮助我. 我能得到的最接近的是这只使用css. .one { position: absolute; top: 22px; left: 19px; width: 230px; height: 180px; background: #0F1E3C; border-r
作者:佚名 时间:2019-10-09
html – 带有弯曲尖底的标题
我需要创建如下图所示的蓝色/绿色区域.它有倾斜的边缘下降到一个略有曲线的点. 使用CSS实现这一目标的最佳方法是什么?如果无法支持IE9,我需要支持IE9或IE10. 我已经开始了一个基本的demo here – (不需要蓝绿色区域内的内容) 这是我对css的尝试: .header { background: #415d67; height: 150px; position: rela
作者:佚名 时间:2019-10-25
css – 重叠圆圈流血
我有一个位置:相对绿色环有一个位置:绝对红色克隆:之前和一个位置:绝对白色克隆:它覆盖两者之后(因为它们在同一个地方并且具有相同的大小). 问题是:它在测试的两个浏览器(Chrome和Firefox)上都会出现问题,我仍然可以看到白色蒙版下的绿色/红色环.让溢出的绿色环:隐藏部分修复了去除外部出血的问题;但内部出血边界仍然存在. 为什么会发生这种情况,我怎么能完全隐藏下面的圆圈呢? Codepen
作者:佚名 时间:2019-08-08
css – svg中圆圈的双笔划颜色
这就是我用中风而没有填充的方式 fill: none !important; stroke-width: 1px; >我想要双击. 遗憾的是,您无法将SVG设置为双击,只有虚线或实线. 相反,只需创建一个完全相同的元素,但要减少它所需的大小/半径. .circle { fill: none; stroke: black; } <svg height="100" width="100">
作者:佚名 时间:2019-08-10
上一页
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