用DIV+CSS写小三角

ttx9n · 发表于 2007-1-29 00:00:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style> 
/*test*/ 
*{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} 
#info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px;} 
#info div{background:#f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} 
/*测试*/ 
#com_a{ border-top:10px solid #ffc;border-left:10px solid #f30;border-bottom:10px solid #ffc;} 
#com_b{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;} 
#com_c{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;border-left:10px solid #f30;} 
#com_d{ border-top:10px solid #f30;border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
#com_e{ border-top:10px solid #ffc;border-left:10px solid #f30;} 
#com_f{ border-top:10px solid #f30;border-right:10px solid #ffc;border-left:10px solid #ffc;} 
#com_g{ border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
#com_h{ border-top:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
#com_i{ border-top:10px solid #f30;border-right:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 
</style> 
</head> 
<body> 
 
<h1>测试</h1> 
   
   
   
   
   
   
   
   
   
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

溪谷小兵 · 发表于 2023-1-2 09:16:23

1312315458748777

shw5ovr · 发表于 2023-3-6 23:38:46

哈哈哈哈哈哈哈

wxrf98xr · 发表于 2023-4-2 14:07:30

我找了挺久终于找到了

5ble0ks · 发表于 2023-4-5 17:44:50

了乐趣了去了去了去了去了

Anthonylam · 发表于 2023-9-15 10:33:49

天天源码论坛

0vwrdf6 · 发表于 2023-10-17 18:40:41

先把创新班才能下班才能下班

3t0ukmu · 发表于 2023-12-2 05:43:40

刷屏刷屏刷屏

wqpa63gz · 发表于 2024-3-2 03:57:56

强烈支持楼主ing……

kwa3hgmjp · 发表于 2024-4-2 16:20:03

来看看！！！

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] 用DIV+CSS写小三角

相关帖子