其他分享
首页 > 其他分享> > 日常工作笔记

日常工作笔记

作者:互联网

border-radius

.border-radius可以同时设置1到4个值。简洁法
    如果设置1个值,表示4个圆角都使用这个值。
    border-radius:40px;

    如果设置两个值,表示左上角和右下角使用第一个值,右上角和左下角使用第二个值。
    border-radius: 10px 50px;

    如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。
    border-radius: 10px 50px 40px;

    如果设置四个值,则依次对应左上角、右上角、右下角、左下角(顺时针顺序)。
    border-radius: 10px 20px 30px 40px;

2.单独设置一个角的写法
border-top-left-radius: 20px; //设置左上角
border-top-right-radius: 20px; //设置右上角
border-bottom-left-radius: 20px; //设置左下角
border-bottom-right-radius: 20px; //设置左下角

input框点击不改变颜色或者改变颜色

//去掉input点击后边框颜色

input { outline:none; }

//改变input触发后边框颜色

input{ outline-color:red; }

首先把元素写入 按钮也写入 然后使用点击事件触发元素显示

当修改之后 更改当前的标题 且向后端发送请求

循环的时候如果图爆了 可以用important引入来使用

import Windows from "@/assets/image/window.png";
{
          id: 1,
          icon: Intel,
          text: "mac OS Intel 版",
        },

li前面的原点 直接可以写样式

 li:before {
      content: "\2022";
      color: #00b1c6;
      font-size: 1.11vw;
      margin-right: 10px;
    }

密码简单加密

import { Base64 } from "js-base64";
Base64.encode(password)

标签:笔记,工作,radius,日常,设置,input,左下角,border,20px
来源: https://blog.csdn.net/m0_52682005/article/details/122612480