- 博客(4)
- 收藏
- 关注
RSS订阅原创 利用CSS实现渐变色边框
通过CSS实现渐变色边框的几种方法：一、用border-image 来实现：CSS代码如下：.box { width: 200px ; height: 200px ; border: 10px solid #ddd; border-image: linear-gradient(rgb(89, 0, 255),pink) 30 30; }效果如下：二、使用background-imag
2022-02-13 19:18:07
12624
3
原创 相对定位与绝对定位
实现某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子，我们可以利用定位来实现。一、相对定位 relative ：语法：选择器{ position:relative;}例如：CSS代码如下： .box1 { width: 200px ; height: 200px ; background-color: rosybrown ; } .box2 {
2022-02-06 12:51:36
12142
3
原创 关于浮动的一些简单知识
一、为什么要浮动：我们先看一些问题：①如何让多个块级盒子水平排列成一行？②如何实现两个盒子的左右对齐？以上问题均可以用浮动来实现。二、浮动：语法：选择器 { float ：属性值 ; }其有以下属性值：none：元素不浮动（默认值）；left：向左浮动；right：向右浮动；三、浮动的几个特性：1、“脱标”：脱离标准普通流的控制移动到指定位置；浮动盒子不再保留原先的位置。举个例子来理解：未加浮动前：.box1 { width: 200px ;
2022-01-28 15:57:46
333
原创 如何设置背景图片位置
如何设置背景图片位置可以利用CSS中的 background-position 属性实现： background-position : x y ;参数代表x坐标和y坐标，可以使用方位名词和精确单位。例如：实现背景顶部居中的CSS代码如下：一、参数是方位名词：div{ width:200px; height:200px; background-color:blue; background-image:url(images/one.png);/*图片
2022-01-22 14:02:29
4320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人