边框背景

HTML_TABLE内外边框

独自空忆成欢 提交于 2019-11-27 03:04:55
HTML_TABLE内外边框颜色设置及页面居中 HTML_TABLE内外边框颜色设置及页面居中 时间: 2009.05.07 11:32:00 标签: <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" id="table2">---此处设置外边框颜色 <tr > <td bgcolor="#ffffff" colspan="6" height="25" align=center><font color=#ea5e01 size=3><strong>房屋基本信息</strong></font></td> </tr> <tr> <td bgcolor="#E6E6FA" height="25" width="13%" align=center>房屋狀態</td> <td bgcolor="#ffffff" width="20%" valign=center >---此处设置单元格边框颜色 $TYPE$</td> <td bgcolor="#E6E6FA" width="13%" align=center >房屋類別</td>此处设置单元下边框颜色 <td bgcolor="#ffffff" width="20%" valign=center >$FWLB$</td> <td bgcolor="

HTML+CSS属性

白昼怎懂夜的黑 提交于 2019-11-27 00:25:30
1、标签 文本标题 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 注意: 一级标题一般只使用一次,对网站logo使用 转译字符  空格 &&符 <<符 >>符 ©备案中图标版权© 功能标记 <br>换行符 <hr>直线 <b></b><strong></strong>加粗内容 <em></em><i></i>倾斜 <u></u>下划线 <sup></sup>上标 <sub></sub>下标 例如:23 列表 无序列表 <ul> <li></li> </ul> 有序列表 <ol> <li></li> </ol> 注意: type:规定列表中列表项目的项目符号类型 语法: start属性规定有序列表的开始点 语法: 超链接应用 语法: 属性:target:页面打开方式 _blank在新页面打开 _self替换自己页面 表格 组成: <table> <tr> <td></td> </tr> </table> 属性: width:宽度 height:高度 border:边框 bgcolor:表格背景色 bordercolor:边框颜色 cellspacing:单元格与单元格之间的间距 cellpadding:单元格与内容之间的间距 水平对齐方式:align:left

纯CSS实现各类气球泡泡对话框效果

隐身守侯 提交于 2019-11-26 23:34:04
一、关于纯CSS实现气泡对话框 首先,来张大图: 上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦。看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢。关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的,同时又很实用的一些技术。 我们首先看下面这一张图片(截自人人网): 可能颜色有点淡,在左上角有个90度的尖角,于是整个形成了一个气泡对话框。现在考考你,如果你来实现这个效果,你会怎么做? //zxx:假设你已经思考了一会儿。◕‿◕。 我想,如果您没有看本文标题,可能就想到的是做个90度等腰三角形小图片;就算您知道可以用CSS实现上面的效果,但是您知道是什么方法吗?当然,是绝对兼容的方法(从已经在美国办了隆重葬礼的IE6到很多人喜欢的Firefox和Safari)。您有主意吗? 好,我们先来看看人人网是怎么实现的,我们用小bug( //zxx:指firebug,我喜欢亲切的称之为“小bug” )看一看,原来也是使用的图片,600*6像素的图片,见下图: 查看此图片点此链接: http://xnimg.cn/imgpro/box/box_arrow.png 这可是活生生的多了一次图片请求啊,而且是个独立的小图片,关键是在访问量惊人的首页上。优秀与平庸的差异在哪里呢?前者追求极致,后者追随大流。

DIV不用图片做可变可到处用的圆角

ε祈祈猫儿з 提交于 2019-11-26 23:33:49
样例,上面是两个圆角Box。 Html代码 <!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 > New XHTML Document </ title > < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" /> < meta name = "generator" content = "editplus" /> < meta name = "author" content = "cjx" /> < meta name = "keywords" content = "" /> < meta name = "description" content = "" /> < style type = "text/css" > .b1 {height: 1px; font-size: 1px; overflow: hidden; display: block; background

关于定制view的形状

…衆ロ難τιáo~ 提交于 2019-11-26 18:29:23
重写drawRect后,设置layer的属性会失效,可能在drawRect中还会对layer进行改变 所以要设定view的边框形状有两种方法: 1、重写drawRect,用UIBezierPath等画出圆角矩形或者圆,然后addClips,将边框包裹住,最后要注意将view的背景色设置为透明。 2、不重写drawRect,初始化中改变view.layer的属性,可以变为圆角矩形,圆,还能设置阴影,边框等,但是要注意layer的maskToBounds和view的clipsToBounds属性,保证只在bounds内绘图。 转载于:https://www.cnblogs.com/mystory/archive/2013/03/25/2980471.html 来源: https://blog.csdn.net/weixin_30951231/article/details/99019318

理解CSS边框border

萝らか妹 提交于 2019-11-26 18:00:57
前面的话   边框是CSS盒模型属性中默默无闻的一个普通属性,CSS3的到来,但得边框属性重新焕发了光彩。本文将详细介绍CSS边框 基础样式   边框是一条以空格分隔的集合样式,包括边框粗细(边框宽度)、边框颜色和边框样式,且先后顺序无关 border: border-width border-color border-style border: 1px solid red; 【边框样式】   如果一个边框没有样式,边框将根本不会存在   关于虚线dashed,在chrome/firefox下,虚线宽高比是3/1;而在IE下,虚线宽高比为2/1。所以在IE下虚线显得比较密   关于点线dotted,在chrome下,点线是方点;而在IE/firefox下,点线是圆点 border-style:none(默认) border-style:hidden/dotted/dashed/solid/double/groove/ridge/inset/outset(共9种) 【边框宽度】   边框的宽度不能为负,不能指定为百分比值。这是因为,边框并不会因为设备尺寸变大,所以百分比单位并不符合语义。类似地,还有outline、box-shadow、text-shadow等   边框宽度支持3个关键字:this/medium/thick,分别是1px、3px、5px,且medium为默认值

css 边框使用

谁说我不能喝 提交于 2019-11-26 18:00:37
https://www.cnblogs.com/luka/p/5677241.html 1. 应用边框样式 先从控制边框样式的属性开始。简单边框有三个关键属性:border-width、border-style 和 border-color 。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> <style type="text/css"> p{ border-width:5px; border-style:solid; border-color: black;; } </style> </head> <body> <p> 你的特别不是因为你在创业,不是因为你进了牛企,不是因为你的牛offer,而是因为你就是你,坚信自己的特别,坚信自己的内心,勇敢做自己。 IT DOESN'T MATTER WHERE YOU ARE, IT MATTERS WHO YOU ARE. </p> </body> </html> 在代码中,使用了p元素定义了一个段落,使用 style 元素为这个段落应用边框样式,边框样式是通过设置 border-width、border-style 和 border-color 属性来定义的。 1.1 设置边框的宽度 border-width

CSS-常见属性

北城以北 提交于 2019-11-26 17:21:26
1.颜色属性 color属性定义文本的颜色,有4种格式: (1)color:green (2)color:#ff6600  简写式:color:#f60 (3)color:rgb(255,255,255)   红(R),绿(G),蓝(B)每个取值范围都是0~255 (4)color:rgba(255,255,255,1)   RGBA是代表Red、Green、Blue和Alpha(色彩空间)透明度 代码示例: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS常见属性</title> 6 <style type="text/css"> 7 /* 8 p{color:red} 9 10 11 p{color:#177199} 12 p{color:#ff(红) 66(绿) 00(蓝)} 13 p{color:#f(红) 6(绿) 0(蓝)} 14 p{color:#f60} 15 16 17 p{color:rgb红(r),绿(g),蓝(b)} 0-255的取值范围 18 p{color:rgb(255,0,0)} 红色 19 p{color:rgb(0,255,0)} 蓝色 20 p{color:rgb(0,0,255)} 绿色 21 22 23 */ 24 .ha{color:rgb

CSS day49

人走茶凉 提交于 2019-11-26 15:48:21
前端基础之CSS CSS介绍 CSS( C ascading S tyle S heet,层叠样式表)定义 如何显示 HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ 注释是代码之母。--摘自哪吒语录 CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 /*<p style="color: red">Hello world.</p> */ 行内式是在标记的style属性中设定CSS样式 内部样式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下: #<head>#定义一个头部 # <meta charset="UTF-8">#设置<meta>元素可提供有关页面的原信息 # <title>Title</title>#标题信息 # <style>#类型 # p{ # background-color: #2b99ff; # }#设置背景颜色 # </style>#结束类型标签 #</head>#结束头部标签 外部样式 外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可

css权威指南--笔记

风流意气都作罢 提交于 2019-11-26 14:45:56
第1章 css和文档 1,元素:替换元素(img input),非替换元素(大多数span)。 2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet);type(text/css);media:(all(所有表现媒体, screen,print),title(配合候选使用)。 3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前。 4,向后可访问性:<style><!-- 样式 --></style>,这样较老浏览器会将style忽略,能理解css的浏览器能正常读取样式表。 5,css注释:/* */。 第2章 选择器 1,对声明分组时,一定要在各个声明的最后使用分号。 2,p.warming.help {background:red;} 只匹配class包含warming和help的p元素,如果p包含warming和其他的则不能匹配。 3,实际上,浏览器并不检查html中id的唯一性,但这会导致编写dom更困难。 4,属性选择器:h1[class] {...} h1[class=''] {...}完全匹配 h1[class~=''] {...}部分匹配 [class^='']以什么开头 [class$='']以什么结尾 [class*='']包含什么的所有元素 *[lang|='en