WIN10：Cognos10.2_x32创建REPORT-HTML渲染（四）

我也不清楚

已于 2023-06-14 09:09:31 修改

阅读量164

点赞数

分类专栏：大数据文章标签：前端

于 2023-06-13 18:51:11 首次发布

本文链接：https://blog.youkuaiyun.com/chenyang_wei/article/details/131194328

版权

大数据专栏收录该内容

4 篇文章

订阅专栏

1、新建空白Report，并建立表格

2、头HTML

<head>
	<style type="text/css">
		body{
			padding:0;
			margin:0;
			width:450px;
			background-size:cover;
		}
		#xsnazzy h1,#xsnazzy h2,#xsnazzy p{
			margin:0 10px;
			letter-spacing:1px;
		}
		#xsnazzy h1{
			font-size:2.5em;
			color:#fff;
		}
		#xsnazzy h2{
			font-size:2em;
			color:#06a;
			border:0;
		}
		#xsnazzy p{
			padding-bottom:0.5em;
		}
		#xsnazzy h2{
			padding-top:0.5em;
		}
		#xsnazzy{
			background:transparent;
			margin:0.1em;
		}
		.xtop,.xbottom{
			display:block;
			background:transparent;
			font-size:1px;
		}
		.xb1,.xb2,.xb3,.xb4{
			display:block;
			overflow:hidden;
		}
		.xb1,.xb2,.xb3{
			height:1px;
		}
		.xb2,.xb3,.xb4{
			background:#86aafe;
			border-left:1px solid #76a7ec;
			border-right:1px solid #76a7ec;
		}
		.xb1{
			margin:0 5px;
			background:#76a7ec;
		}
		.xb2{
			margin:0 3px;
			border-width:0 2px;
		}
		.xb3{
			margin:0 2px;
		}
		.xb4{
			height:2px;
			margin:0 1px;
		}
		.xboxcontent{
			display:block;
			background:#fff;
			border:0 solid #76a7ec;
			border-width:0 1px;
		}
	</style>
</head>
<body>
	<div id="xsnazzy">
		<b class="xtop">
			<b class="xb1"></b>
			<b class="xb2"></b>
			<b class="xb3"></b>
			<b class="xb4"></b>
		</b>
		<div class="xboxcontent">
			<div style="height:20px;background:#86aafe;padding:0;padding-left:16px">
				<font style="color:#FFFFFF;">标题内容</font>
			</div>

3、拖拽LIST工具

4、后续HTML

</div>
		<b class="xbottom">
			<b class="xb4"></b>
			<b class="xb3"></b>
			<b class="xb2"></b>
			<b class="xb1"></b>
		</b>
	</div>
</body>

5、执行效果