简介：
对于特效来说，最容易被忽略，但是效果也最好的，当属于边框的特效，曾经我一度以为，这种效果，除了svg是做不出来的，事实证明，CSS3还是很强大的。
效果：
动图效果：
演示地址 笔记及详细代码：
演示地址：
https://yanmingfei.github.io/pages/borderbone/index.html (鼠标移动到图片)
2024年10月23日
对于特效来说，最容易被忽略，但是效果也最好的，当属于边框的特效，曾经我一度以为，这种效果，除了svg是做不出来的，事实证明，CSS3还是很强大的。
演示地址：
https://yanmingfei.github.io/pages/borderbone/index.html (鼠标移动到图片)
2024年10月23日
怎么成为边框图片？随着网络的发展，很多人开始喜欢编辑图片后再进行分享，很多人会选择带有边框的图片。边框图片是网页设计中常用的元素，而且可以让网站看起来更加美观和有吸引力。如果你想知道怎么成为边框图片，下面分享三种方法。
要创建一个边框图片，你可以使用 CSS 样式。首先，你需要在 HTML 中为元素添加一个类，然后在 CSS 中定义这个类的样式。以下是一个简单的例子：
.border-image {
2024年10月23日
一直以来，让前端工程师头疼的问题肯定包括垂直居中这个问题吧，什么文字垂直居中，图片垂直居中之类的，很头疼对不对，如果现在让你写一个在网页正中间显示的弹出层，你会用什么方法写呢？
今天来分享一下小编所知道的几种方法，希望能对大家有用，如果你有更好的解决方法，也欢迎你来告诉我，让小编也涨涨姿势哈。
第一种：固定宽高的弹出层
运行效果
2024年10月23日
你是不是觉得样式中心的样式太少、更新太慢，满足不了你的需求？
你是不是在网上找到好看的图片想用做样式，可是不会写代码，不知道怎么办？
有办法！今日135教你一招，只需简单几步步就能创造出属于你自己的样式。
想要Get 高精尖技巧，一起往下看吧！
1
样式搜索栏 搜索 动态边框样式
我就是动态边框样式
2
上传 边框图片
3
2024年10月23日
边框图片怎么做？边框图片可以为图片增加一定的装饰和美感，使其更加突出和引人注目。同时，边框图片也可以用于设计海报、宣传品等，让设计更加精美和专业。边框图片是一种常见的设计元素，可以为图片增加一定的装饰和美感。下面分享三种方法，教你如何制作边框图片。
方法一：使用改图鸭
2024年10月23日
我们在做前端开发的时候经常要用到表单输入框，有强迫症的网友会发现这样一个问题，当我们选中了输入框之后，会发现输入框有一个蓝色的边框，超级low的，像这样：
其实像这种蓝色框不单单输入框有，好像几乎所有的表单元素都有，像下拉菜单、按钮、单选框、复选框等通通有这个问题，那有什么可以去掉这个这么low的蓝边框呢？其实只要一个属性就好了，就是 outline 属性，那么我们在用表单的时候可以这样写：
2024年10月23日
之前有一个头像渐变边框的需求，当时是全部用的切图，但是不同的地方可能头像大小不一样，切图适配性太差，正好这几日学了下css渐变的各种妙用，想到之前的头像边框其实可以用渐变来实现。
2024年10月23日
怎么给图片加边框？在设计或编辑图片时，加上边框可以使其更加美观，让图片更加凸显。边框可以为图片增加一定的质感和层次感，让图片看起来更加有深度。此外，边框还能够起到引导眼球的作用，让观众更加关注图片的主体内容。下面分享三种简单易行的方法。
方法一：使用Photoshop
Photoshop是一款非常强大的图像处理软件，可以为图片添加各种效果，包括边框。以下是具体步骤：
2024年10月23日
最近做的项目有张设计图如下
需要给列表加上标号和连线，跟物流信息图有点类似，实现思路是2、3、4添加完整的左边框，1、5添加一半左边框。完整左边框好说，用border-left就能实现，但是一半的边框怎么实现呢？第一时间想到的是用边框渐变或者伪类来实现。
1. 边框渐变
首先我们了解一下border-image 的相关属性值