
css面试题(5)用纯CSS创建一个三角形的原理是什么?
用纯CSS创建一个三角形的原理是什么? 盒子模型的border就是由三角形组成的,我们可以通过设置元素的宽高为0,然后修改border的宽度,并且修改其颜色,来达到绘制三角形的目的。 例如: <body><div>&...

用纯CSS创建一个三角形的原理是什么? 盒子模型的border就是由三角形组成的,我们可以通过设置元素的宽高为0,然后修改border的宽度,并且修改其颜色,来达到绘制三角形的目的。 例如: <body><div>&...

3d盒子反战 效果如图如下:HTML重要的代码如下: <ul><li><div class=\"box\"><div class=\"front\">目录</div><div...

Hover.css 已经写好了很多的hover样式,直接添加就可以了,非常方便。

html+css基础 html 的介绍 html 的基本结构 vscode 的基本使用 初始常用的 html 标签 资源路径 列表标签 表格标签 表单标签 表单提交 css的介绍 css的引入方式 css选择器 css属性 css...

话不多,看效果先: 卡片悬停,响应式卡片,简约效果。 实现: 1. 定义标签,.kapian为最底层盒子,然后两个子盒子一个放图片,一个放文本: <div class="kapian"><div cla...

<!doctype html><html><head><meta charset=\"utf-8\"><title>界面</title><style>div...

div{white-space:nowrap; //文本不换行text-overflow:ellipsis; //设置超出部分显示...-o-text-overflow:ellipsis;//浏览器兼容overflow: hidden; /...

09 outline和border用法一样,但outline边框不会影响页面布局但border会占据位置,影响布局,outline:轮廓阴影:box—shadow,用来设置元素的阴影效果,不会影响页面布局box-shadow: 10px 1...

先看效果图这是echarts官网上的一个示例,直接看option: option = {tooltip: {trigger: \'item\',formatter: \'{a} <br/>{b}: {c} ({d}%)\'},l...

表单案例: <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" ...