表格细边框 并且CSS3加圆角

.YJ table{width:625px;height:860px;text-align:center;overflow:hidden; background:#fff;border-radius: 10px; border-collapse: collapse;border:1px solid #299e61;}
.YJ table td{font-size:14px;color:#299e61;border:1px solid #299e61;}

效果图:

时间: 2024-10-15 08:15:24

表格细边框 并且CSS3加圆角的相关文章

表格细边框问题

这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致.因此只需 要修改表格的cellspacing属性即可,即:<table border="1p

设置HTML表格细边框

简介:WEB前端|这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下:IDNAMEG... 这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike m

CSS3(1)---圆角边框、边框阴影

CSS3(1)---圆角边框.边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于不仅有利于开发与维护,还能提高网站的性能. 一.圆角边框 圆角在实际开放过程中,还是蛮常见的.以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border-radius设置元素的圆角半径. 1.圆角边框语法 圆角边框属性 : border-radius 属性值 border-radius: 属性1,属性2,属性3,属性4 # 四个值:第一个值为左上角,第二个值为右上角,第三个值为

CSS3图片圆角+阴影特效

使用CSS3技术编写的图片圆角及阴影特效代码,与一般的图片阴影有些不一样,用CSS直接生成阴影,当然要比使用图片来修饰要好得多,图片的加载可能会影响到网页的加载,CSS就不会哦. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

table 细边框的实现方式

方式1 设置边框的BORDER=0 .cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了. 方式2 设置BORDER=0 ,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果. 方式3 设置table的CSS为{border-collapse:collapse;border:none;},再设置td

CSS3的圆角Border-radius

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3的圆角Border-radius</title> <style> body{margin: 0;padding: 100px;} .example{ width: 150px; height: 80px; border: 20px sol

设置Table的细边框

1.设置边框的border=0 .cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了. 2.设置border=0 ,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果. 3.设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{

css3加载中

.loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-l

Liger UI 表格数据查找/通过条件加载数据

api上的例子是在本地过滤的,无法使用,自己摸索了一下. javascript代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 //初始化ligerui控件 $(function (){         maingrid = $("#maingrid").ligerGrid({             columns: [                 {