CSS 边框

利用border做成三角形（如何用border做三角形）

在前端开发中，和平时浏览的网页，如下图：网页的三角形，除了利用图片之外，我们还可以利用border来做，我们知道border的每个便是个单独设置的，下面我们见用border来做成三角形。html代码：1.当我们对border的每条设置不同颜色：效果：2、通过demo可以看到border的相交的地方在...

CSS不规则卡片，纯CSS制作优惠券样式，CSS实现锯齿样式

之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义CSS变量，自定义主题颜色。布局布局其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图，而这里，我们就只是最简单的布...

怎么给图片加边框?分享三种方法（给图片加边框怎么设置）

怎么给图片加边框？在设计或编辑图片时，加上边框可以使其更加美观，让图片更加凸显。边框可以为图片增加一定的质感和层次感，让图片看起来更加有深度。此外，边框还能够起到引导眼球的作用，让观众更加关注图片的主体内容。下面分享三种简单易行的方法。方法一：使用PhotoshopPhotoshop是一款非常强大的...

css中4种方法使内容居中（css中4种方法使内容居中显示）

Flexbox通常首选方法是使用flexbox居中内容。只需三行代码即可：display:flex，然后使用align-items:center和justify-content:center将子元素垂直和水平居中。如下代码：html：<divclass="flexbox-ce...

7 种方案解决移动端1px边框的问题

那天验收产品的客户说这个应用某些地方的边框太粗了，需要调好看些，但是前端开发小伙伴说明明我已经写了1px了，怎么看起来粗。今天这篇文章就来解释下这个问题。在移动端开发中，1px边框问题主要源于设备像素密度的不同。CSS中的1px并不总是转换为设备上的物理1px，尤其是在高DPI屏幕上...

用css制作头像渐变边框（css如何设置渐变边框样式）

之前有一个头像渐变边框的需求，当时是全部用的切图，但是不同的地方可能头像大小不一样，切图适配性太差，正好这几日学了下css渐变的各种妙用，想到之前的头像边框其实可以用渐变来实现。当时用到的头像切图：目前想到有两种实现方式：用一个父盒子直接背景线性渐变，然后字里面的头像图片定位在内部就可以了直接用b...

新华全媒+|这群医生，打开“天线宝宝”的“折叠人生”

height="360"marginheight="0"src="https://player.v.news.cn/api/v1/getPlayPage?uuid=1_1a20e72966714fc295a9d816818dc691&vid=4e684d23336950243f7f6e673a9...

CSS-你不知道的border-radius（css3中border-radius）

在CSS大家肯定知道如何设一个圆角矩形，或者把一个div设成圆型，很简单，直接设置就行了，比如border-radius:5px;border-radius:50%;或者你可以只设置一个角的弧度：border-top-right-radius:20px;但其实，这个css属性可以接受两个参数...

今天刚学会的在微信小程序中——利用css实现边框内凹半圆

先使用border-radius来实现半圆的形状，在利用伪类元素::before和::after放在标签名code的前后，最后利用定位position来放置在...

你是这样的 CSS，19个唯美的边框，我的项目又有&quot;亮&quot;点了

今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。渐变边框动画事例地址：https://codepen.io/mike-schultz/pen/NgQvGOCSSAnimationEffectBorder事例地址：https://codepen.io/uiswa...