三角和矩形框组合-定位和三角练习

系统管理员 2023-02-20 07:26 28阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70]

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { 
    			margin:0;
    			padding: 0;
    		}
    		.father { 
    			position: relative;
    			width: 200px;
    			height: 100px;
    			line-height: 100px;
    			text-align: center;
    			margin: 100px auto ;
    			background-color: #00a4ff;
    		}
    		.son { 
    			position: absolute;
    			width: 0;
    			height: 0;
    			line-height: 0;
    			font-size: 0;
    			left: 50%;
    			margin-left: -10px;
    			top: -20px;
    			border-width: 10px;
    			border-style: solid;
    			border-color: transparent transparent #00a4ff transparent;
    		}
    	</style>
    </head>
    <body>
    	<div class="father">
    		<div class="son">
    		
    		</div>
    		带三角对话框
    	</div>
    
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020062418040931.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，28人围观）

还没有评论，来说两句吧...

相关阅读

相关 python 基础练习杨辉三角

python 基础练习杨辉三角 -------------------- 文章目录 python 基础练习杨辉三角一、问题描述二、输入格

ゞ浴缸里的玫瑰/ 2024年03月30日 15:34/ 0 赞/ 63 阅读

相关三角和矩形框组合-定位和三角练习

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

系统管理员/ 2023年02月20日 07:26/ 0 赞/ 29 阅读

相关杨辉三角（杨辉三角性质 + 组合数+求导数）

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5ZCN5a2X5LiN6

傷城~/ 2022年09月10日 10:16/ 0 赞/ 142 阅读

相关数学三角倒三角

![拉普拉斯算子][65ae019918d94ac7bbb70798eab768e0.png] ![向量微分算子][dd42f3c471a248c5a0c7d0a379a24

柔光的暖阳◎/ 2022年08月31日 14:27/ 0 赞/ 242 阅读

相关最标准的杨辉三角和一般的杨辉三角

1、最标准的杨辉三角 / 编写程序打印杨辉三角形 1 变形 1 0 0 0 1 1

小鱼儿/ 2022年08月07日 09:49/ 0 赞/ 139 阅读

相关【CSS】css三角提示框

现在我们有一个需求，就是三角提示框像这样： ![Center][] 注意这个三角导航，我们需要达到这样的效果。第一种办法：现在有两种方案，第一种需要用到css3

「爱情、让人受尽委屈。」/ 2022年07月13日 11:54/ 0 赞/ 230 阅读

相关倒三角

实验目的：输出星图 // 以下是程序，请在需要的位置写入必要的注释 include <iostream> using namespace std;

野性酷女/ 2022年06月16日 12:00/ 0 赞/ 347 阅读

相关 [python练习] 杨辉三角

杨辉三角，把每一行看做一个list，试写一个generator，不断输出下一行的list 分析： 1) 第一行为1，其余每行首尾都是1 2) 第二行首尾为1 3) 从第

浅浅的花香味﹌/ 2022年04月12日 05:43/ 0 赞/ 199 阅读

相关弹框小三角

1. 样子 ![1683792-20190725192247320-516122791.png][] 2. 代码 .f-list-header-plate:

末蓝、/ 2021年11月17日 13:28/ 0 赞/ 356 阅读

相关边框带有三角指向的矩形框

基本思路: div设置高宽为0,此时四边边框全为三角形,然后设置上左右边框色透明(上边框宽度为0,因为定位是按照内容区域定位,若还有上边框,伪类的上边框会定位到

- 日理万妓/ 2021年07月24日 12:19/ 0 赞/ 376 阅读