border-bottom

css3.0实现的各种形状

由 。_饼干妹妹 提交于 2020-01-03 08:41:17
#square { width: 100px; height: 100px; background: red; } 有兴趣的话，最好是自己试试以下！······ #rectangle { width: 200px; height: 100px; background: red; } #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* Cleaner, but slightly less support: use "50%" as value */ #oval { width: 200px; height: 100px; background: red; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } /* Cleaner, but slightly less support: use "50%" as value */ #triangle-up { width: 0; height: 0; border

The Shapes of CSS（css的形状）

由 a 夏天 提交于 2020-01-03 08:40:33
All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser. （下面的所有内容只使用一个HTML元素。任何一种CSS都可以，只要它在至少一个浏览器中支持。） Square （正方形） /*--> */ /*--> */ #square { width: 100px; height: 100px; background: red; } Rectangle （长方形） /*--> */ /*--> */ #rectangle { width: 200px; height: 100px; background: red; } Circle （圆形） /*--> */ /*--> */ #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* Cleaner, but slightly less support: use "50%" as value */ 半圆形（Semicircle） 扇形

45个值得收藏的 CSS 形状

由 早过忘川 提交于 2020-01-03 08:40:19
CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。 我们还可以使用 CSS 伪元素中的 ::before 和 ::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。 虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。 1.正方形 #square { width: 100px; height: 100px; background: red; } 2.长方形 #rectangle { width: 200px; height: 100px; background: red; } 3.圆形 #circle { width: 100px; height: 100px; background: red; border-radius: 50% } 4.椭圆形 #oval { width: 200px; height: 100px; background: red; border-radius: 100px / 50px; } 5

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

border-radius讲解2

由 走远了吗. 提交于 2019-12-22 23:59:09
一：border-radius只有一个取值时，四个角具有相同的圆角设置，其效果是一致的： .demo { border-radius: 10px; } 其等价于： .demo{ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } 效果： 二：border-radius设置两个值，此时top-left等于bottom-right并且他们取第一个值；top-right等于bottom-left并且他们取第二个值，也就是说元素 左上角和右下角相同，右上角和左下角相同 .demo { border-radius: 10px 20px; } 等价于： .demo { border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; } 效果： 三：border-radius设置三个值，此时top-left取第一个值，top-right等于bottom-left并且他们取第二个值，bottom

纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）,里面很多涉及到CSS3的一些属性。

由 徘徊边缘 提交于 2019-12-17 12:29:54
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦。其中绝大部分涉及到CSS3中的border-radius，text-shadow， transform 等一些比较复杂的属性，所以需要有一点CSS3基础的最好。特别注意的是此效果不兼容IE<9的浏览器，最好用firefox，chrome等浏览器。以下案例都由本人亲自测试，希望好学您也可以一一测试一下。 1.正方形 正方形 1 #square {2 width: 100px;3 height: 100px;4 background: red;5 } 2.长方形 长方形 1 #rectangle {2 width: 200px;3 height: 100px;4 background: red;5 } 3.圆形 圆形 1 #circle {2 width: 100px;3 height: 100px;4 background: red;5 -moz-border-radius: 50px;6 -webkit-border-radius: 50px;7 border-radius: 50px;8 } 4.椭圆 椭圆 1 #oval {2 width: 200px;3 height: 100px;4 background: red;5 -moz-border-radius: 100px / 50px

Spark map与flatmap区别

由 社会主义新天地 提交于 2019-12-07 20:40:14
案例说明1： 步骤一：将 测试 数据放到hdfs上面 hadoopdfs -put data1/test1.txt /tmp/test1.txt 该测试数据有两行文本： 步骤二：在 Spark 中创建一个RDD来读取hdfs文件/tmp/test1.txt 步骤三：查看map函数的返回值 得到map函数返回的RDD: 查看map函数的返回值——文件中的每一行数据返回了一个数组对象 步骤四：查看flatMap函数的返回值 得到flatMap函数返回的RDD: 查看flatMap函数的返回值——文件中的所有行数据仅返回了一个数组对象 总结： - Spark 中 map函数会对每一条输入进行指定的操作，然后为每一条输入返回一个对象； - 而flatMap函数则是两个操作的集合——正是“先映射后扁平化”： 操作1：同map函数一样：对每一条输入进行指定的操作，然后为每一条输入返回一个对象 操作2：最后将所有对象合并为一个对象 案例说明2： 假设存在如下文件： <code class="hljs ruby has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source

map与flatmap区别

由 只谈情不闲聊 提交于 2019-12-07 19:10:01
案例说明1： 步骤一：将测试数据放到hdfs上面 hadoopdfs -put data1/test1.txt /tmp/test1.txt 该测试数据有两行文本： 步骤二：在Spark中创建一个RDD来读取hdfs文件/tmp/test1.txt 步骤三：查看map函数的返回值 得到map函数返回的RDD: 查看map函数的返回值——文件中的每一行数据返回了一个数组对象 步骤四：查看flatMap函数的返回值 得到flatMap函数返回的RDD: 查看flatMap函数的返回值——文件中的所有行数据仅返回了一个数组对象 总结： - Spark 中 map函数会对每一条输入进行指定的操作，然后为每一条输入返回一个对象； - 而flatMap函数则是两个操作的集合——正是“先映射后扁平化”： 操作1：同map函数一样：对每一条输入进行指定的操作，然后为每一条输入返回一个对象 操作2：最后将所有对象合并为一个对象 案例说明2： 假设存在如下文件： <code class="hljs ruby has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code

Data not printing correctly on PDF using iText

由 匿名 (未验证) 提交于 2019-12-03 10:24:21
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: Here's my XHTML: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <META content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <table cellspacing="0" cellpadding="0" align="Center" style="table-layout: fixed; word-wrap: break-word; width: 97%" bordercolor="4f81BD" border="1"> <tbody> <tr style="color: white;"> <td height="31" bgcolor="#4f81BD" style="border-left: none;

Li float left, length dynamic : no border-bottom on the last row

由 匿名 (未验证) 提交于 2019-12-03 08:48:34
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: here's the case: https://jsfiddle.net/rpepf9xs/ I want to remove the border-bottom with selector: "nth-last-child()", however, if there are only 8 "li" in list, it goes wrong like this: ul { display : block ; width : 100 %; margin : 0 ; padding : 0 } li { display : block ; width : 33 %; height : 120px ; float : left ; margin : 0 ; padding : 0 ; border - bottom : #666 1px solid; background : #fcc } li : nth - last - child ( 3 ), li : nth - last - child ( 2 ), li : last - child { border - bottom : 0px } <ul> <li> 1 </li> <li> 2 </li>
订阅 border-bottom