CSS设置轮廓

不可不举铁

已于 2022-04-02 15:13:40 修改

阅读量356

点赞数 2

分类专栏：笔记文章标签： html5

于 2020-10-16 21:45:26 首次发布

本文链接：https://blog.csdn.net/weixin_49138751/article/details/109125238

版权

CSS中的边框border会增加元素大小，影响布局。而轮廓outline则不会改变元素尺寸，提供了一种不影响布局的装饰方式。示例展示了如何使用outline进行设置。

摘要由CSDN通过智能技术生成

CSS设置轮廓
一般情况下，我们会使用border来设置边框
例如:

border:red solid 10px；

这时候边框的大小也会被计算到盒子的大小，会增加整个盒子的大小，把盒子外的元素挤到一边去。
而轮廓呢？
轮廓用outline来表示，用法与border一模一样
例如

outline:red solid 10px；

outline用来设置元素的轮廓线，与边框不同的是，就是轮廓不会影响到可见框的大小

import java.io.File;
import java.io.FileNotFoundException;
import java.util.*;

public class LexicalAnalyzer {
/*
* 1表示关键字
* 2表示标识符
* 3表示常数
* 4表示运算符
* 5表示界符
* 6表示字符串
* */

//关键字
static String []keyWord={"private","protected","public","abstract","class","extends","final","implements",
        "interface","native","new","static","strictfp","break","continue","return","do","while","if","else","for",
        "instanceof","switch","case","default","boolean","byte","char","double","float","int","long","short",
        "String","null","true","false","void","this","goto"};
//运算符
static String []operation={"+","