常用CSS样式

作者: cesiuming | 来源:发表于2023-10-17 11:01 被阅读0次

day2（乱）
CSS 基础总结
day07
前端Day - 02
css function
CSS引入方式及选择器
day01 html 与 css 的含义 + 常用标签 + 常用
HTML&CSS-day01
day01
CSS

正方形加三角阴影效果

div{
    width: 200px;
    margin: 200px 0;
    height: 200px;
    background: #dfb311;
    position: relative;
    border-radius: 10px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5));
}
div::after {
    content: '';
    display: inline-block;
    border: 20px solid #dfb311;
    border-color: transparent transparent transparent #dfb311;
    position: absolute;
    right: -40px;
    top: calc(50% - 20px);
}

阴影.png

day2（乱）
css样式 1 css样式属性 #1.1 样式重置（初始化样式） 1.2 常用属性 1.3 元素水平居中 2 常用...
CSS 基础总结
引入CSS 内联样式 style标签外部样式 a.css index.html CSS之间引入（不常用） a.c...
day07
1.今天学到了 1.css常用样式的讲解 2.公共样式 2.iframe 2.CSS的常用样式 2.1.边框bor...
前端Day - 02
CSS三种样式行间样式表内部样式表外部样式表 CSS基本样式常用标签超链接 base标签 span标签 ...
css function
功能样式：css function 概述功能样式，从常用样式方法中抽离，按需使用，使用前请先阅读 CSS规范中...
CSS引入方式及选择器
CSS层叠样式表 HTML结构和CSS样式如何关键到一起（CSS的引入方式） CSS的引入方式 CSS常用属性 C...
day01 html 与 css 的含义 + 常用标签 + 常用
html 与 css 的含义 html语法结构常用标签 css修饰语法 css常用样式常用选择器以级优先级
HTML&CSS-day01
A今天所学： HTML常用标签 CSS常用样式 css选择器 B所掌握到的有全部
day01
A今日所学一、常用HTML标签 CSS常用选择器 CSS常用样式盒子模型 B今日已掌握一、常用HTML标签 ...
CSS
CSS三种书写方式外部样式行内样式页内样式 CSS选择器前三个选择器比较常用 CSS属性可继承属性不可...