手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
html – CSS – 将图像转换为房屋的形状
我有以下 HTML: <figure class="pimage"> <a href="http://nathandasilva.co.uk/butlinps/property-item/schofield-road-loughborough-le11-4qj/"> <img class="attachment-homeland_property_medium wp-post-imag
作者:佚名 时间:2019-06-02
html – 4个圆点星形
我试图在CSS中尽可能地将这颗恒星作为像素完美,这是我到目前为止所尝试的,但它是一个5角度的恒星,我想它只有4点也可以让角落更加圆润? #star-five { margin: 50px 0; position: relative; display: block; color: red; width: 0px; height: 0px; border-ri
作者:佚名 时间:2019-05-27
html – 框内的CSS中的三角形
好吧,我不知道如何正确解释它.在这里,查看我想要制作的截图.我的设计师给了我这个.如果我找不到解决方案,我将使用图像而不使用代码.用 CSS3可以做到这一点吗? Here is the image 看到那个盒子里面的三角形?我想做这个.谢谢! 创造性地使用边框来实现这种效果,在下面的示例中没有图像受到损害,您甚至可以在元素本身上设置箭头的位置 – 如果您可以为您的设计进行硬编码,则会变得更加直截了
作者:佚名 时间:2019-05-25
HTML – 如何在CSS中制作滑雪板(或挤压矩形)形状的div?
我试图得到这个形状: 到目前为止我有this.有没有办法使用CSS获得此效果?我认为负半径可能会起作用. div { display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; min-width: 200px; border-radius:1
作者:佚名 时间:2019-05-25
仅使用HTML和CSS的弯曲帆形状?
是否可以仅使用 HTML和CSS创建下面的弯曲帆形状? 我可以从this answer看到我可以使用以下方法创建一个直边帆: #triangle { width: 0; height: 0; border-right: 50px solid transparent; border-bottom: 100px solid red; } 看起来像: 或者我可以更接近边界
作者:佚名 时间:2019-05-18
html – 重新调整多维数据集的大小
我有一组使用CSS创建的多维数据集中的代码. 但是,如何将其调整为更大的立方体(例如,200px)?我尝试过,但每次尝试这样做,都会失去位置.. .mainDiv { position: relative; width: 206px; height: 190px; margin: 0px auto; margin-top: 100px; } .square { width
作者:佚名 时间:2019-05-16
html – 如何制作一个octogonal div?
很简单的想法,但我不知道该怎么做.我希望能够将它设计成一个div(如果可能的话). 如何创建八角形div? this link中使用的CSS是这样的: #octagon { width: 100px; height: 100px; background: red; position: relative; } #octagon:before { conten
作者:佚名 时间:2019-05-12
html – 带CSS的方括号
我希望用CSS创建一个[和]括号.有没有办法指定顶部和底部边框(不切片图像)所以它看起来像一个括号? .bracket { border-top:20px; border-bottom:20px; border-right:none; border-left: 1px solid black; } <span class="b">text</span> <style> .
作者:佚名 时间:2019-05-10
html – 使用CSS创建没有填充的箭头
使用CSS创建三角形是非常简单和常见的做法,但是可以使用透明背景和边框以类似的方式创建三角形. 这就是我想要创建的内容: 考虑到三角形通常的制作方式,我真的不知道从哪里开始,因为它们依赖于伪元素和重叠边框等.如果边框是透明的,这显然是不可能的. 有没有人有任何想法如何做到这一点?它甚至可能吗? 使用转换: div { border: 1px solid #000; border-width
作者:佚名 时间:2019-05-09
html – 使用css创建s形曲线
我想用css创建如下图所示的曲线. 我正在尝试这样的事情: .curve { background-color: #8aa7ca; height: 65px; width: 160px; -moz-border-radius-bottomright: 25px 50px; border-bottom-right-radius: 25px 50px; } <div class="
作者:佚名 时间:2019-05-09
html – 带有倒置矩形角的边框
如何在此图像中创建非矩形边框? 现行代码:http://jsfiddle.net/bqjr5wep/ div { background:#1c1c1c; width:400px; height:200px; position:relative; } div:before, div:after { content:''; display:block;
作者:佚名 时间:2019-05-09
html – 使用比边界尺寸大得多的CSS边界半径
使用比元素尺寸大得多的border-radius有什么问题吗? 例如,如果我想像这样创建一个类.circle: .circle { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; } 所以现在我可以将这个类应用于任何元素,使其成为一个圆,如下所示: <img
作者:佚名 时间:2019-05-09
html – 由实线制成的进度条,以点为步骤
我正在尝试创建一个垂直的进度条,实线上有8个点(最后是第8个),每个点代表该过程的一个步骤.见附件截图(在底部防止这个问题会被打破). 当然,我已经尝试在HTML和CSS中提供一些东西,您可以在this fiddle(代码如下)中看到.这个问题是,我找不到在浅绿色线上创建7个点的方式,而不添加8个div(8,因为第一个也必须在那里). 功能方面,我希望JS检查progressNow-div的值,将
作者:佚名 时间:2019-05-06
html – 用css3创建一个标志
我想用这样一个css创建一个Vodafone标志: 我知道有些人可以用css画任何东西.我不知道如何使泪滴形状.这就是我现在所说的: http://jsfiddle.net/n3w7y/ 任何人都可以给我任何想法如何创造这种不寻常的形状? #logoMain { width: 100px; height: 100px; background-color: #f5f5f5;
作者:佚名 时间:2019-05-06
html – 创建一个滚动的箭头
我试图制作一个如下所示的箭头: 然而,这是最接近的: .button { margin: 4em 0; padding: 2em; width: 15%; margin: 0 auto; text-align: center; background-color: #000000; color: #ffffff; display: -moz-box; displa
作者:佚名 时间:2019-05-05
html – 如何用div里面的CSS写下以下形状?
FIDDLE HTML <div id="DiamondCenter"> <div id="triangle-topleft"></div> </div> CSS #DiamondCenter { position:fixed; top:2%; left:48%; background: #24201a; height:40px; width
作者:佚名 时间:2019-05-05
html – 将内角曲线边框添加到活动菜单
我正在为主动/选择菜单创建一个内部曲线边框.下面的代码段是我能做的最好的,方角不应该是可见的.谷歌的解决方案似乎没有帮助…请帮我玩吧.多谢你们! FIDDLE HERE. body { background:#eee;width:90%;margin:20px auto } ul { margin: 0; padding: 0; } ul li { display: inline-
作者:佚名 时间:2019-05-02
html – CSS放大菜单
我想做什么 我想创建一个径向菜单,如下所示,考虑图片中的所有元素互动,即中心的图像以及周围的四分之三. 解决方案与跨浏览器兼容很重要. 这只是一个简单的例子,因为零件真的不得不是宿舍,它们可以是任何可能的零件数量: 到目前为止的解决方案 我已经尝试使用带有边框的CSS3圆形边框,其中边框将这些图像作为背景,但是不能正常工作,因为每个元素都必须是独立元素. 我听说过css形状,但是我不知道如何使用它
作者:佚名 时间:2019-05-02
html – 半椭圆形与CSS
我正在尝试创建一个椭圆形和半圆形之间的混合. 可以在CSS中创建半圈: .halfCircle{ height:45px; width:90px; border-radius: 90px 90px 0 0; -moz-border-radius: 90px 90px 0 0; -webkit-border-radius: 90px 90px 0 0
作者:佚名 时间:2019-05-02
html – 如何创建CSS心脏? /为什么这个CSS创造一个心脏的形状?
我在这里的一个答案中找到了以下CSS,我想知道为什么它创建了所需的心脏形状: #heart { position: relative; width: 100px; height: 90px; } #heart:before, #heart:after { position: absolute;
作者:佚名 时间:2019-05-02
上一页
3
4
5
6
7
8
9
10
下一页
小编推荐
苹果市值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