HTML5圆角框的一个“通知公告”页面

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>紧急通知-HTML5</title>
<style type="text/css">
body { width: 700px; margin: 40px auto; border: 1px solid #999; padding: 0 20px; border-radius:10px;}
li{list-style: none;}
h2 {text-align: center;}
</style>
</head>
<body>
<div>http://www.999jiujiu.com/</div>
<h2>重要通知(HTML5+CSS3,IE悲剧)</h2>
<p>根据《中华人民共和国宪法》和相关法律法规规定,在保护公民合法言论自由的同时,禁止利用互联网、通讯工具、媒体以及其他方式从事以下行为:</p>
<ul>
<li>一、组织、煽动抗拒、破坏宪法和法律、法规实施的。</li>
<li>二、捏造或者歪曲事实,散布谣言,妨害社会管理秩序的。</li>
<li>三、组织、煽动非法集会、游行、示威、扰乱公共场所秩序的。</li>
<li>四、从事其他侵犯国家、社会、集体利益和公民合法权益的。</li>
</ul>
<p>管理部门将依法严加监管上述行为并予以处理;对构成犯罪的,司法机关将追究刑事责任。</p>
</body>
</html>

时间: 2024-11-07 21:32:07

HTML5圆角框的一个“通知公告”页面的相关文章

ado.net实现一个通知公告功能

一.建立相应的数据库,此处就不多说了,相信大家都非常了解 二.开始建立连接,建立连接首先需要有一个连接字符串,用来存储连接相关的信息,比如你连的是哪里的数据库呀,什么数据库呀,数据库名字,以及数据库用户名,密码之类的呀等等!这个链接字符串呢,一般都是直接放在配置文件(Web.config)中的,如下 然后就需要在程序中读取那个链接字符串并创建链接了: 三.链接建立后就是打开那个链接,然后执行数据库的一些操作,然后在关闭链接,具体业务操作也不同,这里把实现一个通知公告功能的数据库操作代码粘贴一下,

HTML5实战教程———开发一个简单漂亮的登录页面

最近看过几个基于HTML5开发的移动一样,已经越来越流畅了,相信随着职能手机的配置越来越高性能越来越好,HTML5技术的使用在移动端应用的会越来越普及,应用越来越广泛,因此作为移动开发者,掌握这门技术自然有着强烈的紧迫感.今天就写一个小小的登录页面的demo,巩固最近的学习,也给有兴趣的朋友学习HTML5技术做个参考. 在这里您可以下载到我最后实现的登录页面的demo源码,地址:http://pan.baidu.com/s/1kU1I50b. 准备工作 1.webStorm或者其他网页开发工具.

HTML5语义标签的实践(blog页面)

仿照着用HTML5+CSS3做了一个blog页面.整体效果布局如如: 页面布局是基于html5元素的.所以在开始动手之前先熟悉一下HTML5元素,然后检查它的语义是否适合你的布局很重要. The HTML5 Structure 有一点很重要,当编写HTML5代码的时候,不要简单地把<div>标签用html5中的<section>标签代替.有些时候<div>元素在语义 上仍然是一个很不错的选择.比如wrapper或者container div 其中一个新的可以用来替换传统

11.1 圆角框的作用

在网页设计中,通常需要把网页分为若干个部分,这正是CSS的强项.使用CSS可以方便地使用各种手段把页面灵活地分为多个部分.但是简单分割出来的都是矩形方枢,设置背景颜色和边框的颜色,产生的都只能是矩形的方框.而在网页中,经常会需要用到圆角的设计.因此,为了使页面中可以灵活地使用圃角框,有很多专家都研究出了非常好的方法,本章就来专门对圆角的设计进行介绍. http://homepages.ulb.ac.be/~cschrett/zengarden/dayandnight/所示的是一个非常常见的布局形

11.4 “5图形”二维滑动门经典圆角框

11.3节介绍的不固定宽度的圆角框制作方法只适用于单色的圆角框,对于带有复杂边框的圆角框就不适用了. 另外,还需要考虑一个问题,用11.3节介绍的方法制作的圆角框,尽管可以适应不同宽度,但是它里面的正文段落也承担了设置圆角框布局的任务.也就是说,圆角框中的正文并不是独立的,正文内容不能自由地设置样式.这对于通用型的网页来说,局限性很大:例如,如果较为复杂的页面,每个圆角框用于放置不同的栏目,希望达到的目标应该是可以在每个圆角框中放置任何内容,并且可以对这些内容设置样式,还能保证圆角框本身显示正确

HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性

HTML5新元素及其特性 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义

HTML5 移动开发(CSS3设计移动页面样式)

1.如何创建CSS样式表 2.CSS3的卓越特性 3.基于设备属性改变样式的媒体查询 4.如何使用属性改变元标签创建更美观移动页面   层叠样式表是移动WEB开发中的一个重要组成部分,本次分享将学到如何编写CSS并用它为移动页面定制样式,其中包括媒体查询为特定设备定制样式表.此外还将了解一些影响移动设备内容显示的元标签 创建好的样式,可通过三种方法附加到样式表里 1.内联到标签中   [建议在测试的时候这么做] 2.内嵌于HTML的开头 3.放在一个独立文档中作为样式表  [推荐的做法]*能够提

第4章 背景图像效果之圆角框

一 圆角框 1 固定宽度的圆角框 <style> .box{ width: 418px; background: #effce7 url(img/bottom.gif) no-repeat left bottom;} .box h2{ background: url(img/top.gif) no-repeat left top; padding: 20px 20px 0px 20px ;} .box p{ padding: 0 20px 20px 20px;} </style>

圆角框 投影 不透明度

圆角框 固定宽度的圆角框 两个图像:一个用于框的顶部,一个在底部. <div class="box"> <h2>Lorem Ipsum</h2> <p></p> </div> .box { width: 418px; background: #effce7 url(img/bottom.gif) no-repeat left bottom; } .box h2 { background: url(img/top.g