首页 > 其他分享 >CSS-transparent--透明属性 用transparent写一个三角形

CSS-transparent--透明属性 用transparent写一个三角形

时间:2023-11-30 19:24:57浏览次数:39  
标签:-- 50px 边框 solid border transparent CSS 属性

css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时,想显示下面的元素,就用到了transparent属性。

代码:

div{
    width: 0;
    height: 0;
    /* 边框底部 */
    border-bottom: 100px solid black;
    /* 边框左部 */
    border-left: 50px solid transparent;
    /* 边框右部 */
    border-right: 50px solid transparent;

    /* 无关... */
    /* 设置外边距 */
    margin-left: 700px;
    margin-top: 200px;
}

 

标签:--,50px,边框,solid,border,transparent,CSS,属性
From: https://www.cnblogs.com/warmNest-llb/p/17868061.html

相关文章

  • 汇编-Lea将内存地址加载到寄存器
     它的功能主要是将一个有效地址加载到寄存器中,让程序通过寄存器来访问相应的内存地址 lea指令的应用场景在汇编语言中,lea指令应用广泛,它通常用来完成以下几个任务:1.计算地址偏移量:当程序需要访问数组、结构体等数据结构中的某个元素时,我们可以使用lea指令来计算该元素相对......
  • 多线程连接池报错报警告[connectionpool.py:305 ] [WARNING] Connection pool is full
    第一种方法:按照建议WebDriverWait帮助解决了问题 fromselenium.webdriver.support.uiimportWebDriverWaitfromselenium.webdriver.supportimportexpected_conditionsasECfromselenium.webdriver.common.byimportByfromselenium.common.exceptionsimportT......
  • 推特自动关注工具
    探究推特自动关注工具:便利与道德的平衡 随着社交媒体的普及,推特作为全球最受欢迎的社交平台之一,已成为许多个人和机构传播信息、建立品牌形象以及进行宣传推广的重要渠道。在这样一个竞争激烈的环境中,许多用户开始寻求自动化工具来增加他们的关注者数量,以期获得更大的曝光和影......
  • 实验4 现代C++标准库与类模板
    实验任务1task1task1_1.cpp#include<iostream>usingstd::cout;usingstd::endl;classA{public:A(intx0,inty0):x{x0},y{y0}{}voidshow()const{cout<<x<<","<<y<<endl;}private:in......
  • 手把手教会你--办公软件--Word--持续更新
    @目录1.1Word排版基础1保存和命名Ⅰ自动保存2建立标准的编辑环境(1)显示编辑标记(2)打开标尺(3)打开导航窗格3高效的鼠标/键盘手势(1)连续选中内容--shift(2)跳选内容--ctrl(3)矩形选择内容--alt(4)回到文档开头/结尾--Ctrl+Home/End(5)更多的键盘快捷键1.2Word排版1.修改格......
  • 代码随性训练营第四十八天(Python)| 198.打家劫舍、213.打家劫舍II、337.打家劫舍 III
    198.打家劫舍1、动态规划classSolution:defrob(self,nums:List[int])->int:#dp数组代表在第i个房间可以偷窃到的最高金额为dp[i]dp=[0]*len(nums)iflen(nums)==1:returnnums[0]iflen(nums)==2:......
  • 行列转化
    原始数据处理后sqlSELECTa.id,a.NAME,substring_index(substring_index(a.shareholder,',',b.help_topic_id+1),',',-1)ASshareholderFROMcompanyaINNERJOINmysql.help_topicbONb.help_topic_id<(length(a.shareholder)-leng......
  • [AGC052C] Nondivisible Prefix Sums 题解
    题目链接点击打开链接题目解法好题!一个序列是不合法的,必定满足某些结论,我们不妨猜测一下首先如果和为\(P\)的倍数,必定不合法然后手玩几个可以发现,最极限的情况是\(P-1\)个\(1\;+\;\)\(b_i\;+\;\)\(P-b_i\)如果在这个情况下再加一个\(1\),就爆了其中\(1\)可以替......
  • 组合按键移植
    参考gitee移植,key_board:用于单片机中的小巧多功能按键支持;最强功能:支持不限数量、任意按键、任意按键的任意状态之间的随意组合!!!(gitee.com)支持:矩阵键盘单io按键 注:在此没有做矩阵键盘,注意按键的电气属性设置,引脚初始化默认是按键上拉,按下为低电平,要根据实际修改。F103......
  • mysql 常用函数
    DATE_SUB(CURRENT_DATE,INTERVAL7day)DATE_add(CURRENT_DATE,INTERVAL7day)不能通过orderby加groupby取最新的一条。只有通过两个表连接才能实现。同时去掉空格和空whereISNULL(name)=0andLENGTH(trim(name))>0,ltrim和rtrimsubstring_index(“待截取有用部分的......