手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
html – 创建一个包含文本形状的雪花形状
我正在为冬季在我的网页上创建一个雪花. 我尝试的第一件事是用SVG创建它: <h3>Koch Snowflake Frac</h3> <svg viewBox="-5 -5 110 110" xmlns="http://www.w3.org/2000/svg"> <polyline stroke="cornflowerblue" stroke-width="2" fill="rgba(255,
作者:佚名 时间:2020-03-11
html – 倾斜的文本容器
我想知道,如果有人知道是否有可能做任何看起来像这样: 我知道约http://www.infimum.dk/HTML/slantinfo.html,但我不能把任何文字放在倾斜的地方. 有一点javascript: http://jsfiddle.net/billymoon/AvmE8/ 但这只是为了方便起见,你可以用HTML做同样的事情. 不会适用于所有情况,需要一点调整,但可以为您所知道的大概长度
作者:佚名 时间:2020-03-02
html – 如何使用CSS制作弯曲的边缘六边形
这是我的CSS. CSS #hexagon-circle { width: 100px; height: 55px; background: red; position: relative; border-radius: 10px;} #hexagon-circle:before { content: ""; position:
作者:佚名 时间:2019-07-09
html – 类似指南针指针或Safari徽标内部的形状
我试图只使用CSS制作下面的形状.我知道使用图像或SVG实现这种形状会容易得多,但我正在尝试用CSS来实现它的概念验证. 以下是我到目前为止尝试过的代码.它通过使用transform:rotate(45deg)创建菱形,但是对角线的长度相同,而我需要的形状有一条非常长的对角线而另一条非常短. .separator{ background: #555; top: 40px;
作者:佚名 时间:2019-07-01
HTML – 如何制作一个CSS’蜗牛’?
我有一个想要显示为圆形的图像(边界半径:50%),并且在同一行上我想要一些具有设置宽度和背景的文本.我不想硬编码任何值.实现这个目标的最佳方法是什么? 这是picture fiddle <div class="header"> <img class="i" src="http://www.planwallpaper.com/static/images/colorful-triangles-
作者:佚名 时间:2019-07-01
html – 如何创建多边形形状div
我想在这里创建像图像上的 HTML元素: 问题是DIV元素具有多边形形状而不是常规矩形,将被放置在其他元素上方,如弹出窗口和内部元素,有必要在源中显示矩形形状的图像,但在网络上显示像填充所有包含三角形的空间在左侧. 你认为有没有可能意识到没有准备将图像显示为适当多边形格式的透明PNG?只能通过CSS3转换或使用canvas或SVG? 一种方法可以是将图像分成两个容器,这两个容器的大小是父级的50%
作者:佚名 时间:2019-06-29
html – CSS中的尖头/角度箭头样式边框
我正在制作面包屑菜单,并尝试在纯CSS中进行,因此我不必使用背景图像来获得箭头形状.是否有可能用纯CSS实现这种倾斜的边框风格? 我能做的最好看起来就像这样(这只是我刚才做的一个截图,所以请不要理会它意味着面包屑是水果和/或美味): 我是这样用CSS实现它的: .breadcrumb li { border-right: 2px solid #ECECEC; border-top-
作者:佚名 时间:2019-06-28
html – 用边框制作切角
我想在html中创建一个具有截断角和形状边界线的形状. 我可以制作没有边框的截断形状,如下所示: HTML: <div class="cut-off"></div> CSS: .cut-off{ position:relative; top:400px; left:400px; height:155px; width:200px; background:red;
作者:佚名 时间:2019-06-17
html – 在一侧为CSS边框箭头指定边框
我希望有人可以帮我找到一个优雅的方法来获得CSS箭头边框上的边框. 我想创建这个: 这是我到目前为止的代码: HTML <div class="message-container customer"> <p class="message">Great thanks</p> </div> CSS .message { width: auto; max-width: 66%;
作者:佚名 时间:2019-06-14
html – CSS功能区上的三角形阴影
我试图复制像素一样完美,因为我可以得到并且我很难尝试在右边做阴影.这可能与CSS? CSS: *{margin:0px;padding:0px;} html { width:100%; height:100%; text-align: center; } .bold { font-weight:700; } #ribbon {
作者:佚名 时间:2019-06-14
html – 底部边框小于宽度的标题
我需要创建一个下划线效果,其底部边框小于h2标题的宽度.通常我不上传图片,但我认为这可能有助于进一步解释这个问题: 你可以使用伪元素. (example) .pseudo_border { position:relative; display:inline-block; } .pseudo_border:after { content:''; position:ab
作者:佚名 时间:2019-06-13
html – 标题,两侧填充剩余空间
我被要求创建这个标题,纯粹用css,它甚至可能吗? 文本的背景需要保持透明,h2需要跨越任何容器的宽度,并且左右边框自动填充剩余空间. h2 { font-size:42px; line-height:48px; width:100%; overflow: hidden; &:before { content:''; posi
作者:佚名 时间:2019-06-13
html – 如何使用border-radius在CSS3中创建三角形
我使用border-radius属性来实现圆角.但我不知道如何获得这种形状的圆角.我尝试从两侧给出相同的尺寸,但他们只是没有给我确切的形状.我在这里错过了一些 CSS3属性. 只是想知道剪辑css属性是否是答案. 更新: http://jsfiddle.net/YWnzc/136/ 演示 #player { margin: 32px; position: relative; width
作者:佚名 时间:2019-06-11
html – 如何在CSS中创建曲线和重叠菜单选项卡
我想制作一个菜单,其中菜单的两端重叠,它们有弯曲的边框和略微倾斜的边缘. 如果不使用背景图像,是否可以仅使用CSS进行此类菜单? 为了更好地理解,请附上下面的菜单示例.想知道如何仅使用CSS将部件标记为红色. 请提前帮助,谢谢. >歪斜:之前和之后:伪元素, >将pseudos设置为某些 – 偏移量 >将left-top border-radius添加到:before和right-top to:a
作者:佚名 时间:2019-06-09
html – 是否可以用CSS制作圆角三角形?
我想用CSS制作以下形状: 这是我目前拥有的: .triangle { width: 0; height: 0; border-style: solid; border-width: 56px 56px 0 0; border-color: #ff4369 transparent transparent transparent; } <div class="triangle">
作者:佚名 时间:2019-06-08
html – 使用CSS在三角形上左上角的边框半径
我有这个代码 div { width: 0; height: 0; border-style: solid; border-width: 85px 85px 0 0; border-color: #c00000 transparent transparent transparent; float: left; position: absolute; top: 8px
作者:佚名 时间:2019-06-07
在html或css中倾斜的对角线?
我想做一个这样的表 是否可以在表格中添加倾斜的对角线边框? 基于 CSS3 linear-gradients解决方案,但角度不是硬编码的: table:nth-of-type(1) td { background-image: linear-gradient( to top right, white 48%, black, white 52% ); } ta
作者:佚名 时间:2019-06-07
html – 为框CSS添加深度
我试图用CSS添加侧面div,但似乎无法搞清楚.这就是我到目前为止所拥有的.谁能指出我正确的方向?我在下面列出了我想要复制的图片.这是中间的盒子. body { background: #1b1b1b; color: white; } .container { display: table; margin: auto; } .box { width: 150px; he
作者:佚名 时间:2019-06-06
html – SVG三角分隔符与图像背景
好吧,我正在尝试创建一个SVG部分分隔符.它的工作方式如下: <section id="section1"> </section> <svg width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none"> <path d="M0 0 L50 100 L100 0 Z" /> </svg> <section
作者:佚名 时间:2019-06-06
html – 使用CSS自定义圆形图像
我想获得一个自定义形状的图像,如下所示: #oval-shape { width: 200px; height: 100px; background: blue; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } <img
作者:佚名 时间:2019-06-04
上一页
2
3
4
5
6
7
8
9
下一页
小编推荐
苹果市值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