`
wangronaldo
  • 浏览: 99616 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

css圆角 有titlebar

    博客分类:
  • css
css 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:v xmlns="http://www.w3.org/1999/xhtml">  
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
	<title></title> 
<style type="text/css">
.div1{
	margin:0 4px; 
	background:#28598f; 
	height:1px; 
	overflow:hidden;
}
.div2{
	margin:0 2px; 
	border:2px solid #28598f; 
	border-width:0 2px; 
	background:#9fc8db; 
	height:1px; 
	overflow:hidden;
}
.div3{
	margin:0 1px; 
	border:2px solid #28598f; 
	border-width:0 1px; 
	background:#9fc8db; 
	height:1px; 
	overflow:hidden;
}
.div4{
	margin:0 1px; 
	border:2px solid #28598f; 
	border-width:0 1px; 
	background:#9fc8db; 
	height:1px; 
	overflow:hidden;
}
.div5{
	background:#9fb2be; 
	border:1px solid #1e5288; 
	border-width:0 1px;
}
.div6{
	font-size:12px; 
	font-weight:bolder; 
	font-family:Verdana; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9fc8db,endColorStr=#28598f); 
	padding:2px 10px 5px;
}
.div7{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f2f5f6,endColorStr=#dbe5e8); 
	margin:0 3px; 
	font-size:11px; 
	font-family:Verdana;  
	padding:5px 5px; 
	overflow:hidden;
}
.div8{
	background:#9fb2be; height:1px; overflow:hidden;
}
</style>  

</head>  
<body style="">
<div style="position:absolute; width:100%; height:100%; top: 4px;">
	<div style="position:absolute; left:3px; top:3px; width:20%; height:30%;">
		<div class="div1"></div>
		<div class="div2"></div>
		<div class="div3"></div>
		<div class="div4"></div>
		<div class="div5">
			<div class="div6">
				用户信息
			</div>
			<div class="div7">
				<table style="width:100%;height:150px;">
					<tr><td height="106">123</td></tr>
				</table>
			</div>
		</div>
		<div class="div8"></div>
	</div>
</div>
</body>  
</html>
分享到:
评论

相关推荐

    android_自定义TitleBar

    在Android应用开发中,TitleBar通常指的是位于应用界面顶部,用于显示应用名称、操作按钮等信息的区域。自定义TitleBar是为了满足个性化需求,提供更丰富的功能和视觉效果。本教程将详细介绍如何在Android项目中封装...

    titlebar实现

    每个操作系统可能有自己的Titlebar风格和交互习惯。因此,你需要为每个平台编写特定的代码,或者使用跨平台库如Qt,它提供了统一的API来处理Titlebar。 5. **动态更新** 有时Titlebar需要根据应用状态实时更新,...

    android 一个骚气的titlebar

    在Android开发中,创建自定义TitleBar主要有以下几种方法: 1. **使用Android系统的ActionBar**:Android SDK内置了ActionBar,可以通过设置主题、添加菜单项和使用ToolBar来定制TitleBar。开发者可以使用`app:...

    取消 TitleBar

    同时,CSS样式也可以用来模拟无TitleBar的界面,比如使用`position: fixed; top: 0; left: 0; right: 0; bottom: 0;`来创建一个全屏覆盖的元素。 在文件名为`example_01`的压缩包中,可能包含了一些示例代码或资源...

    自定义组件titlebar

    在Android应用开发中,TitleBar通常作为界面顶部的导航元素,显示应用的名称或操作按钮。然而,系统默认的TitleBar可能无法满足所有设计需求,因此开发者常常需要自定义TitleBar来实现更个性化的功能和视觉效果。本...

    自定义的TitleBar

    标题中的“自定义的TitleBar”指的是在Android或者iOS应用开发中,开发者为了满足特定设计需求,不使用系统默认的标题栏(ToolBar或NavigationBar),而是自己编写代码创建的个性化标题栏。这种自定义通常是为了实现...

    Android-Android自定义TitleBar

    在Android应用开发中,TitleBar(也称为ActionBar或Toolbar)是界面顶部显示应用名、操作按钮等信息的区域。自定义TitleBar可以让开发者根据应用的需求和设计风格来创建独特且功能丰富的头部视图,提高用户体验。...

    BaseActivity自定义TitleBar

    本主题将深入探讨如何为`BaseActivity`自定义TitleBar,提升应用的用户体验和界面一致性。 首先,TitleBar(也称为ActionBar或Toolbar,在Android的不同版本中有所变化)是Android应用程序顶部显示应用名称、操作...

    自定义Titlebar

    在Android应用开发中,Titlebar(也常被称为ActionBar或Toolbar)是用户界面的重要组成部分,它通常包含应用的名称、图标以及一些操作按钮。自定义Titlebar可以为应用程序提供独特的外观和交互体验,使得UI设计更加...

    custom-electron-titlebar.zip

    - "custom-electron-titlebar" 可能包含 HTML 文件(定义标题栏的结构),CSS 文件(定义样式),JavaScript 文件(添加交互逻辑),以及可能的图片资源(图标等)。 4. **API 使用**: - **`BrowserWindow` API*...

    Android标题栏TitleBar介绍

    ### Android标题栏(TitleBar)介绍 在Android应用开发中,`TitleBar`是一个非常重要的UI组件,它位于应用程序界面的顶部,用于显示应用名称、当前活动页面的标题以及一些功能按钮等信息。通过合理的设计与实现,...

    Android自定义titlebar中设置progressbar

    在Android应用开发中,标题栏(titlebar)是应用程序界面中的一个重要组成部分,它通常用于显示应用的名称或当前页面的标题。然而,标题栏也可以进行自定义,以满足更多的功能需求,比如添加一个进度条(progressbar...

    TitleBar,简单的通用标题栏.zip

    4. **代码分析**:通过阅读TitleBar的源码,了解其实现原理,这有助于定制和优化。 5. **实践应用**:将TitleBar集成到自己的项目中,根据需求调整配置,实现自定义标题栏。 6. **贡献回馈**:如果发现问题或有...

    自定义titleBar

    根据自己喜好定义不同风格的titleBar,已达到界面美观的效果,来吸引跟多的人来观赏

    android TitleBar

    首先,我们需要理解Android系统中的TitleBar有两种实现方式:原生的ActionBar和Material Design的ToolBar。对于API 21及以上的设备,推荐使用ToolBar,因为它提供了更丰富的定制选项和更好的设计兼容性。 1. **...

    Android代码-android-titlebar

    本项目总结了几种常用的使用场景,将标题栏封装成控件,Java代码实现,对当前主流的沉浸式提供了支持,供有需要的同学使用,欢迎提供改进意见。 Demo下载 功能描述 支持左、中、右常规标题栏设置; 支持自定义视图...

    安卓自定义titlebar和卫星菜单(修改)

    标题栏(TitleBar)和卫星菜单(通常称为汉堡菜单或抽屉菜单)是Android应用界面中常见的组件。本文将深入探讨如何在Android中实现自定义的标题栏和卫星菜单。 首先,我们来看自定义标题栏。在Android系统中,传统...

    下滑显示titleBar,上滑隐藏titleBar

    其次,TitleBar的隐藏和显示可以有两种方式:一种是通过系统的API直接控制,例如使用`ActionBarDrawerToggle`类配合`DrawerLayout`来实现;另一种是自定义TitleBar,通过改变其布局参数(如高度为0或恢复正常)来...

    jquery dialog css3弹出对话框插件实例

    .ui-dialog-titlebar { background-color: #f9f9f9; /* 自定义标题背景色 */ } ``` 通过结合jQuery Dialog的灵活性和CSS3的视觉增强,你可以创建出符合项目需求的个性化对话框。在提供的“texiao5763_1560680877”...

    安卓自定义titlebar和卫星菜单

    在Android应用开发中,UI设计和交互体验是至关重要的元素,而标题栏(titlebar)和菜单则是用户界面中的核心部分。本教程将深入探讨如何在Android中实现自定义的标题栏以及卫星菜单的运用,通过源码分析,帮助开发者...

Global site tag (gtag.js) - Google Analytics