html中用DIV设置个小三角形在矩形中!!大哥大姐,叔叔阿姨门没事进来看看!!!!!

yxn0000yxn 2008-03-03 03:23:01
我是搞C++的 因工作需要 须在HTML中 DIV设置画个矩形和三角形,俩个是重叠的,然后控制三角形旋转!!!!!!!


有心好的人可以加我QQ聊聊!!407988214 十二小时在线等教!!!
...全文
301 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
zing02223 2008-03-04
QQ: 56653934
验证输入CSDN
你说的那些我看过,在FF下问题是挺多的
关于你说的空白,可以用障眼法代替。
回复
yxn0000yxn 2008-03-03
OK 太感谢这为仁兄了,虽然就个left 让我郁闷了一天,也从困惑中解脱出来了,由衷的说声“你是救世主啊”呵呵,

还有个小问题,就上面这个代码在Firefox中 会有很多空白的地方,那应该不是程序里面的东西 ,在外面会有个不均匀方框,很占地方,能不能把他搞掉啊???

还有就是DIV能 让对象旋转么??比如说那个小三角形吧。

这为仁兄给个联系方式好么?这几天肯定要有很多问题要麻烦,有时间的话帮帮忙!
回复
zing02223 2008-03-03
上面是是我 写的代码 刚看俩天 写的也许幼稚点 矩形和三角形我都做出来了 但我三角形 放不到矩形中去

这个把我给郁闷了 能帮我看看这代码 怎么改么 ??
------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title> MiniMap </title>
<script type="text/javascript" src="../js/Navi.js"> </script>
<style type="text/css">
body{
font-size:12px;
}
.main .map{
float:left;
margin-left:3px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
width:128px;
height:128px;
<!--border-bottom-color:#FFF;-->
background:red;
border:1px solid #ccc;
}
#info div{
background:#FF0000;
width:0px;
height:0px;
overflow:hidden;
position: relative;
left: 80px;
}
#com_f{
border-top:64px solid #FF3300;
border-right:32px solid #FFFFFF;
border-left:32px solid #FFFFFF;
}
.clear-float{
clear:both
}
</style>
</head>
<body>

<div class="main">
<div class="map">
<div id="info">
<div id="com_f"></div>
</div>
</div>
<div class="clear-float"></div>
</div>


</body>
</html>

----------------------------
#info div{
background:#FF0000;
width:0px;
height:0px;
overflow:hidden;
position: relative;
left: 80px;
}
修改left值,top同理。如果只需要三角形在矩形内部,把left包含上面一行去掉就可以了。
另外,在FF下,你的矩形是无背景颜色的
回复
yxn0000yxn 2008-03-03
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>MiniMap</title>
<script type="text/javascript" src="../js/Navi.js"></script>
<style type="text/css">
body{font-size:12px;}
.main .map{
float:left;
margin-left:3px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
width:128px;height:128px;
<!--border-bottom-color:#FFF;-->
background:red;;border:1px solid #ccc;
}
#info div{background:#FF0000; width:0px; height:0px; overflow:hidden;}
#com_f{ border-top:64px solid #FF3300;border-right:32px solid #FFFFFF;border-left:32px solid #FFFFFF;}
.clear-float{clear:both}
</style>
</head>
<body>

<div class="main">

<div class="map"></div>
<div id="info">
<div id="com_f"></div>
</div>
<div class="clear-float"></div>
</div>


</body>
</html>
---------------------------------------------------------------------------------------------------
谢谢 你的帮忙 但你说的我已经解决了
上面是是我 写的代码 刚看俩天 写的也许幼稚点 矩形和三角形我都做出来了 但我三角形 放不到矩形中去

这个把我给郁闷了 能帮我看看这代码 怎么改么 ??
谢谢了
回复
zing02223 2008-03-03
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
div {
display:block;
font:0;
width: 0;
height: 0;
line-height: 0;
border:360px solid;
border-color:blue green yellow red ;
}
</style>
</head>
<body>
<div></div>
</body>
</html>


---------------------------------------------------
div制作三角形,改变border-color的颜色,使其中三个色成为整体背景色,这样突出来的就是一个三角形。
关于矩形,那就没有难度了
但div能否实现旋转。。。
回复
相关推荐
基于java的企业人事管理系统设计--软件工程课程设计(含源码与论文设计).rar 1 引言 4 1.1 课程设计目标 4 1.2 编程工具(编程环境)介绍 4 1.3 实施时间及主要实施步骤 4 2 需求分析 5 3 系统总体设计 6 4 数据库设计 6 5 主要功能模块的设计与实现 10 5.1 功能模块1详细设计(综合查询员工信息)..........................................................10 5.1.1 详细设计.......................................................................................................10 5.1.2 算法流程........................................................................................................15 5.1.3 界面设计及测试结果.....................................................................................15 6 调试分析 15 7 用户手册 16 8 测试结果 17 8.1 员工信息的添加...................................................................................................17 8.2 员工信息的修改...................................................................................................17 8.3 员工信息的删除...................................................................................................18 8.4 员工信息的综合查询...........................................................................................18 8.5 员工信息按性别统计的结果................................................................................19 8.6 员工信息按状态统计的结果...............................................................................19 8.7 员工信息按职称统计的结果................................................................................20 9 结论 20 10 参考文献 20
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-03 03:23
社区公告
暂无公告