自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 利用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 12608 3

原创 相对定位与绝对定位

实现某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子,我们可以利用定位来实现。一、相对定位 relative :语法:选择器{ position:relative;}例如:CSS代码如下: .box1 { width: 200px ; height: 200px ; background-color: rosybrown ; } .box2 {

2022-02-06 12:51:36 12082 3

原创 关于浮动的一些简单知识

一、为什么要浮动:我们先看一些问题:①如何让多个块级盒子水平排列成一行?②如何实现两个盒子的左右对齐?以上问题均可以用浮动来实现。二、浮动:语法:选择器 { float :属性值 ; }其有以下属性值:none:元素不浮动(默认值);left:向左浮动;right:向右浮动;三、浮动的几个特性:1、“脱标”:脱离标准普通流的控制移动到指定位置;浮动盒子不再保留原先的位置。举个例子来理解:未加浮动前:.box1 { width: 200px ;

2022-01-28 15:57:46 329

原创 如何设置背景图片位置

如何设置背景图片位置可以利用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 4292

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除