border

Border around specific rows in a table?

由 家住魔仙堡 提交于 2019-12-28 03:23:08
问题 I'm trying to design some HTML/CSS that can put a border around specific rows in a table. Yes, I know I'm not really supposed to use tables for layout but I don't know enough CSS to completely replace it yet. Anyways, I have a table with multiple rows and columns, some merged with rowspan and colspan, and I'd like to put a simple border around parts of the table. Currently, I'm using 4 separate CSS classes (top, bottom, left, right) that I attach to the <td> cells that are along the top,

CSS3圆角详解

由 旧城冷巷雨未停 提交于 2019-12-28 03:04:09
一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： 　　* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 　　* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。 　　* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等），背景图片会下载失败，导致视觉效果不佳。CSS3就不会发生这种情况。 二、border-radius属性 CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。 （个人理解）： border-radius:15px(水平偏移像素) 15px(垂直偏移像素) 比如，下面是一个div方框： 现在设置它的圆角半径为15px： 　　border-radius: 15px; 这条语句同时将每个圆角的"水平半径"（horizontal radius）和"垂直半径"（vertical radius）都设置为15px。 border-radius可以同时设置1到4个值。如果设置1个值，表示4个圆角都使用这个值。如果设置两个值，表示左上角和右下角使用第一个值

CSS border-style

由 大憨熊 提交于 2019-12-28 02:41:26
边框风格属性(border-style) 这个属性用来设定上下左右边框的风格，它的值如下： none (没有边框，无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outset (突起效果的边框) 演示示例：分别使用none,dotted, dashed, solid, double, groove, ridge, inset, outset的CSS边框风格属性示例 边框宽度属性(border-width) 这个属性用来设定上下左右边框的宽度，它的值如下： medium (是缺省值) thin (比medium细) thick (比medium粗) 用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位 (em, ex, px)。 演示示例：分别用medium, thin, thick和长度单位定制的CSS边框宽度属性示例 边框颜色属性(border-color) 这个属性用来设定上下左右边框的颜色。例句如下： .d5 {border-color:gray;border-style:solid;} 演示示例 边框属性(border)

CSS 的 border 样式

由 和自甴很熟 提交于 2019-12-28 02:41:12
制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。 第一个边框的CSS代码是：style="border:thin solid red"； “border”后面的三个参数的含义是：边框线的宽度是：thin（细线）；边框线的类型：solid（实线）；边框线的颜色：red（红色）。 边框线的宽度有三个标准值：thin（细线）、medium（中粗线）和thick（粗线）， 此外，也可以自定义宽度，如：1pt、5px、2cm等。 边框线的类型有九个确定值：none（无边框线）、 dotted（由点组成的虚线）、 dashed（由短线组成的虚线）、 solid（实线）、 double（双线，双线宽度加上它们之间的空白部分的宽度就等于border-width定义的宽度）、 groove（3D沟槽状的边框）、 ridge（3D脊状的边框）、 inset（3D内嵌边框，颜色较深）、 outset（3D外嵌边框，颜色较浅）， 注意：如果系统不支持这些边框的属性值，那么“dotted”、

Python 爬虫---百度首页

由 ぐ巨炮叔叔 提交于 2019-12-28 00:30:30
#这个是urllib2的前身 import urllib.request #把自己伪装成浏览器,防止被封。。。 ua_headers = {"User-Agent" : "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36"} #通过urllib2.Request()方法构造一个请求对象 request = urllib.request.Request("http://www.baidu.com/",headers = ua_headers) #向指定的url地址发送请求,并返回服务器响应的类文件对象 response = urllib.request.urlopen(request) #服务器返回的类文件对象支持Python文件对象的操作方法 #read()方法就是读取文件里的全部内容,返回字符串 html = response.read() #打印响应的内容 print(html) 结果： D:\Python3Work\u1\venv\Scripts\python.exe D:/Python3Work/u1/爬虫基础/urllib2的使用.py b'<!DOCTYPE html>\n<!--STATUS

css初始化代码方案

由 你离开我真会死。 提交于 2019-12-27 10:52:26
　　为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。下面列举常用的一些方案： 1.最耗资源的，最简单的 * { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例（综合） body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td { 　　padding: 0; 　　margin: 0; } /* 酌情修改 */ body { background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow"; } /* 短引用的内容可取值：''或"" */ q:before,q:after {content:”;} /* 缩写，图片等无边框 */ fieldset,img,abbr,acronym {border: 0 none;} abbr,acronym {font-variant: normal;} legend {color:#000

js 碰撞检测

由 蹲街弑〆低调 提交于 2019-12-27 05:42:05
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>九宫格碰撞</title> <style> #box{ width:300px; height:300px; border:1px solid #ccc; margin:50px auto;} #box span{ display:block; width:100px; height:100px; float:left; color:#000; font-size:40px; text-align:center; line-height:100px; cursor:pointer; } #box span.bor{ border:1px dashed #f00; position:absolute;} </style> <script> window.onload=function(){ var oBox=document.getElementById('box'); var aSpan=oBox.getElementsByTagName('span'); for(var i=aSpan.length-1;i>=0;i--){ aSpan[i].innerHTML=i+1;

50道CSS基础面试题（附答案）

由 老子叫甜甜 提交于 2019-12-27 04:52:42
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：

45道CSS基础面试题（附答案）

由 二次信任 提交于 2019-12-27 04:52:16
1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3、 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级

45道CSS基础面试题（附答案）

由 纵然是瞬间 提交于 2019-12-27 04:51:33
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：
订阅 border