边框

最新推荐文章于 2025-12-29 22:13:27 发布
原创 最新推荐文章于 2025-12-29 22:13:27 发布 · 157 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #css

博客介绍了用边框写三角形的方法，即设置宽度和高度为0后设置边框。还给出避免边框撑大盒子的解决办法，如做减法、设置box-sizing: border-box属性（CSS3新增，IE10以下不兼容）、使用calc函数（CSS3新增，兼容性不好）。

用边框写三角形：
width：0；
height：0
然后再设置边框

注:边框默认是添加在盒子外面的
不想被撑大解决方法:
1.做减法
2.设置属性box-sizing：border-box;盒子类型是边框盒子(让盒子成为怪异盒子)
设置为怪异盒子之后,该容器在添加边框就不会把盒子撑大,看到的效果就是添加了一个边框(该属性是CSS3新增加的,所以IE10以下不兼容)
3.用calc函数,可以支持四则运算(CSS3新加的,兼容性不好)
calc运算规则就可以,符号前后必须加空格(单位不同也可以运算)

IChenSY
关注
CSS 设置 border 边框不占元素宽高
zzzzls 的博客
03-16 2万+
box-sizing 用于设置 html 标签的宽度和高度是否包含 padding 和 border 的属性
CSS边框
2401_82561004的博客
09-27 3086
CSS 中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。
边框属性
从零开始的web前端工程师生活
10-29 3337
我们先说一下边框属性： 1、边框 （1）、它的简写方式： 通过一个属性控制四个方向边框的效果 它的属性是： border：width、style、color; 它们三个分别为： width：边框的宽度，边框的粗细，是以px为单位的； style：边框的样式，实线，虚线；它的取值是这样的：solid：实线、dotted：虚线、dashed：虚线 注意：dotted和dashed是两种不同的表现形式 ...
Qt 边框border - qss样式
弘毅_hao的博客
09-14 6094
Qt 边框border - qss样式
边框 border
m0_72496689的博客
09-21 3544
边框
css 边框代码,边框代码大全
weixin_34618077的博客
08-03 7902
★彩色边框代码★日志文字效果图：西侠踏雪欢迎您的光临说明：1、它会在你的文字外围生成一个红色边框，效果如框内显示。2、border-style则控制边框的效果3、border-width控制边框的粗细，4、border-color调整边框的颜色，5、这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。★双线框代码★ 日志文字效果如框内，是带背景色(熏衣草...
css盒子模型之边框
weixin_45577817的博客
05-16 2174
当上下相邻的两个块元素相遇时，如果上面的元素有下外边距，下面的元素有上外边距，则他们之间的垂直间距不是上下外边距之和，而是取两个值中的较大者，这种现象叫做相邻块元素垂直外边距的合并。注意：行内元素是为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距，但是转换为块级和行内快元素就可以了。网页元素很多都带有默认的内外边距，而且不同游览器默认的也不一致，因此我们在布局前，首先要清除下元素的内外边距。对于两个嵌套关系的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。
设置边框_进阶秀米边框不能设置渐变色？瞎说
weixin_39804631的博客
01-12 6559
跟苏苏一起每天学点排版干货【这是苏苏的第36篇教程】我们说过：普通边框制作(?戳)、异形边框制作(?戳)，这一次，再来一点其他边框叭！01 特殊双线边框秀米直接设置双线边框是不能手动控制线条距离、类型等，如果想要别的双线边框，不妨自己手动做一个～同时套两层布局，分别设置两个布局的边框粗细、大小、颜色。用「外层布局的间距」来调整两个边框线之间的距离，就可以随心所欲做出各种各样的双线边...
CSS中实现图片边框的酷炫效果
jun778895的博客
07-29 4256
在CSS中实现图片边框的酷炫效果是一个既有趣又富有创意的任务，它不仅能够提升网页的视觉吸引力，还能通过不同的样式和动画效果给用户带来更加丰富的视觉体验。以下，我将详细探讨几种使用CSS为图片添加边框的酷炫方法，每种方法都会包含代码示例、适用场景以及可能的扩展思路，以确保内容不低于2500字。
【CSS border-image】图片边框拉伸不变形，css边框属性，用图片打造个性化边框
waterlin2011的博客
05-23 5084
当用图片做边框时，还要考虑到一个问题，如何适应边框的宽高变化，并且图片不变形？本文深入解析 CSS border-image，用图片打造个性化边框。下图的效果就是利用border-image属性实现的图片边框自适应。
使用css如何操作Table没有外边框只有内边框
12-12
在网页设计中，CSS（Cascading Style Sheets）是一种强大的工具，用于控制页面元素的样式，包括表格（Table）的布局和边框。当我们想要创建一个没有外边框只有内边框的表格时，可以利用CSS来实现。下面将详细解释...
ArcGIS地图边框样式
04-04
ArcGIS地图边框样式，灰色，透明
visio图纸边框a1（打印不出现边框问题）+毕设、课设
07-04
该工程文件是一个a1图纸的边框visio文件，可直接编辑修改。打印不会出现边框打印不出来的问题，内部排版也很整齐规范，图纸大小可根据情况调整。 通常在课程设计、毕业设计、实验等绘图画图情况下用到，包括算法程序...
CSS样式简单实现Table没有外边框只有内边框
09-25
默认情况下，表格会有内外边框，但有时我们需要自定义样式，比如让表格看起来只有内边框而没有外边框。本教程将详细介绍如何通过CSS来实现这一效果。 首先，我们需要理解`border-collapse`属性。这个属性决定了表格...
精选资源
前端静态网页设计——科技边框图片
06-06
在前端静态网页设计中，边框图片是一种常用的视觉元素，它可以增强页面的视觉吸引力，同时为网站增添科技感。科技边框图片通常采用现代、简洁的设计风格，利用线条、几何形状以及光影效果来体现科技主题。这些边框...
HTML 媒体（Media）
最新发布
froginwe11的博客
12-29 298
用于在网页上嵌入音频文件。: 用于在网页上嵌入视频文件。: 用于在网页上插入图像。: 作为音频和视频元素的子元素，用于指定不同格式的媒体文件。: 用于嵌入其他应用程序或游戏。: 用于嵌入对象，如PDF、Flash等。HTML 媒体元素是网页设计中不可或缺的部分，通过合理运用这些元素，可以丰富网页内容，提升用户体验。本文介绍了 HTML 媒体元素的概念、应用和优化方法，希望对您有所帮助。
打造专属桌面时钟：纯HTML实现的全功能动态时钟
Winfredzhang的博客
12-27 1172
本文介绍了一款纯HTML+CSS+JavaScript开发的精美桌面时钟应用，具有以下特点：1）双模式显示（数字+模拟时钟）；2）完整日期信息（公历、农历、生肖等）；3）5种主题切换和背景自定义功能；4）数据自动保存；5）支持Windows开机自启。技术实现采用玻璃拟态设计风格，通过setInterval实时更新，使用localStorage保存设置，并提供了农历计算、周数统计等实用功能。用户只需保存为HTML文件即可双击运行，也可通过批处理或Delphi程序实现更专业的启动方式。
前端如何调用后端接口（HTML + JS & Vue ）
2302_80130505的博客
12-27 536
页面触发点击事件调用封装好的 API 方法axios 发送 HTTP 请求Go 后端处理并返回 JSONVue 根据返回结果更新 UI浏览器规定：当前页面的“协议 + 域名 + 端口”必须和接口一致，否则就是跨域。前端页面后端接口是否跨域❌ 否✅ 是✅ 是只要有一个不一样，浏览器就会认为是跨域。无论你使用HTML + JS还是Vue本质都是：前端通过 HTTP 请求调用 Go 接口理解了：请求方法（GET / POST）JSON 数据格式接口返回结构你就掌握了前后端对接的核心能力。
HTML 拖放API
mashirokayo的博客
12-25 216
draggable属性可用于DOM标签，设置为true表示可以拖动，为false表示不可以拖动。其false和true必须显示设置，不能省略。（以vue3代码为例）
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值