![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
٩(⁎ ́ი ̀⁎)۶:.✧
学习使我快乐
展开
-
css 设置背景图片铺满固定不动
页面原型html<div class="main"></div>css.main { position: relative; width: 100%; height: 100%; background-image: url("../../assets/images/bg2.png"); background-attachment: fixed; background-repeat: no-repeat; background-size: co.原创 2021-01-20 09:11:11 · 553 阅读 · 0 评论 -
移动端开发,响应式代码,CSS3 @media 查询,@media screen
html与css代码:<!DOCTYPE html><html> <head> <!-- 设置编码格式 --> <meta charset="utf-8"> <!-- 手机,移动端开发,需要加的meta标签 --> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-wid原创 2020-09-30 11:24:31 · 133 阅读 · 0 评论 -
border-radius用法
border-radius作用:给元素添加圆角的边框例: border: 10rpx solid rgba(0,0,0,0.2); border-radius: 50%;效果:原创 2020-02-02 11:08:40 · 175 阅读 · 0 评论 -
box-shadow用法
box-shadow作用:添加阴影例: box-shadow:0 10rpx 10rpx rgba(0,0,0,.1) inset;效果:原创 2020-01-29 22:52:18 · 340 阅读 · 0 评论 -
margin-top用法
例:margin-top:10px;10px相当于微信小程序中的20rpx,rpx为微信小程序的单位。原创 2020-01-28 21:39:08 · 1560 阅读 · 0 评论