border | 易学教程

hide cells border using css

阅读更多关于 hide cells border using css

问题 I want to hide border of cell of a table . How to do it using css ? As it shows, I need to hide the marked borders (as in third and second rows). 回答1: <style> table { border: 1px solid black; width:100%; } table tr { border: 1px solid black; } table th { border: none; } </style> <table> <thead> <tr> <th class="col1">1</th> <th class="col2">2</th> <th class="col3">3</th> </tr> </thead> </thead> See here: http://jsfiddle.net/AhHFP/ 回答2: try this border-collapse:collapse; 回答3: try td.col1 {

css3 半圆弧线

阅读更多关于 css3 半圆弧线

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>css半圆弧线</title> <style type="text/css"> .circle1 { width: 100px; height: 200px; border: 1px solid black; border-radius: 100% 0 0 100%/50%; border-right: none; } .circle2 { width: 200px; height: 100px; border: 1px solid black; border-radius: 50% 50% 0 0/100% 100% 0 0; border-bottom: none; } .circle3 { width: 100px; height: 200px; border: 1px solid black; border-radius: 0 100% 100% 0/50%; border-left:

css3----画半圆弧线

阅读更多关于 css3----画半圆弧线

.circle1 { width: 100px; height: 200px; border: 1px solid black; border-radius: 100% 0 0 100%/50%; border-right: none; } .circle2 { width: 200px; height: 100px; border: 1px solid black; border-radius: 50% 50% 0 0/100% 100% 0 0; border-bottom: none; } .circle3 { width: 100px; height: 200px; border: 1px solid black; border-radius: 0 100% 100% 0/50%; border-left: none; } .circle4 { width: 200px; height: 100px; border: 1px solid black; border-radius: 0 0 50% 50%/0 0 100% 100% ; border-top: none; } <ul> <li><div class="circle1"></div></li> <li><div class="circle2"></div></li> <li><div class=

sass

阅读更多关于 sass

参考： https://www.sass.hk/guide/ 文章目录 sass快速入门使用变量嵌套CSS 规则导入SASS文件静默注释混合器（函数+参数+默认参数）使用选择器继承来精简CSS（函数的类）常见问题中文文档特色功能 (Features) 语法格式 (Syntax) sass快速入门大概使用情况：变量（ $ ），混入（ @mixin ：函数+参数+默认参数），继承（ @extend ）， >精简代码嵌套，静默注释（ // ），导入（ @import ）， >可读性更好使用变量把反复使用的css属性值定义成变量； sass使用 $ 符号来标识变量；当变量定义在css规则块内，那么该变量只能在此规则块内使用（有作用域）；变量值也可以引用其他变量；变量名推荐使用中划线；声明变量： $ highlight-color : #F90 ; $ basic-border : 1px solid black ; // 多属性值变量作用域 $nav - color : # F90 ; nav { $width : 100 px ; width : $width ; color : $nav - color ; } //编译后 nav { width : 100 px ; color : # F90 ; } 变量值也可以引用其他变量。 $

JavaScript 面向对象(二) —— 案例篇

阅读更多关于 JavaScript 面向对象(二) —— 案例篇

看案例前可以先看看基础篇： JavaScript 面向对象(一) —— 基础篇案例——面向对象的选项卡：把面向过程的程序一步步改成面向对象的形式，使其能够更加的通用(但是通用的东西，一般会比较臃肿)。下面是一个简单的选项卡，也是我们常见的面向过程的创建形式。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #tabBox input { 6 background: #F6F3F3; 7 border: 1px solid #FF0000; 8 } 9 #tabBox .active { 10 background: #E9D4D4; 11 } 12 #tabBox div { 13 width:300px; 14 height:250px; 15 display:none; 16 padding: 10px; 17 background: #E9D4D4; 18 border: 1px solid #FF0000; 19 } 20 </style> 21 <meta charset="utf-8" /> 22 <title>选项卡</title> 23 <script> 24 window.onload=function(){ 25 var tabBox = document.getElementById('tabBox');

css--盒子边框 border

阅读更多关于 css--盒子边框 border

1、CSS 边框属性 border-width border-style border-color 1.1 边框样式 border-style : border-style 值: none: 默认无边框 dotted: 定义一个点线边框 dashed: 定义一个虚线边框 solid: 定义实线边框 1.2边框颜色 border-color name - 指定颜色的名称，如 "red" RGB - 指定 RGB 值, 如 "rgb(255,0,0)" Hex - 指定16进制值, 如 "#ff0000" 1.3边框-简写属性 border: 边框粗细边框样式边框颜色 border:5px solid red; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*div{*/ /* width: 200px;*/ /* height: 200px;*/ /* border-width: 5px;*/ /* !*border-style: solid;*!*/ /* !*border-style: dashed;*!*/ /* !*border-style: dotted;*!*/ /* !*border-color: orange;*!*/ /*

从数据库读出的数据分页在前端显示

阅读更多关于从数据库读出的数据分页在前端显示

//添加Pager类package Model; import java.util.List; public class Pager<E> { //数据总条数? private int totalRecord; //每一页显示的数据条数 private int pageSize; //页码数 private int pageIndex; //总页数 private int totalPage; //查询到的数据的集合 private List<E> datas; public int getTotalRecord() { return totalRecord; } public void setTotalRecord(int totalRecord) { this.totalRecord = totalRecord; } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } public int getPageIndex() { return pageIndex; } public void setPageIndex(int pageIndex) { this.pageIndex = pageIndex; }

CSS3边框和圆角

阅读更多关于 CSS3边框和圆角

回顾CSS边框属性： border-width border-color border-style 具体见 CSS盒模型及应用。 CSS3圆角 border-radius 一个最多可以指定四个 border-*-*-radius 属性的复合属性，这个属性允许我们为元素添加圆角边框。语法：兼容性：补充：　　border-radius:50%; 　　50%相对的是元素的宽和高，如果元素是长方形则设置完border-radius成为一个椭圆形，如果元素是正方形则设置完border-radius成为一个圆形。 CSS3盒阴影 box-shadow3 设置一个或多个下拉阴影的框。语法：模糊不允许负值兼容性： CSS3边界图片 border-image 构建美丽的可扩展按钮~ 语法：各属性详解：兼容性： opera要加前缀-o- 来源： https://www.cnblogs.com/superjishere/p/12259922.html

CSS快速入门（2020.02.04）

阅读更多关于 CSS快速入门（2020.02.04）

文章目录 CSS 概念规则形式外部样式表内部样式表内联样式多重样式概念层叠规则选择 tag #id_val .class_val [property] tag tag #id_val tag .class_val tag tag.class_val 修饰概念 content 长度单位文本字体 background padding border margin 补充 CSS常用颜色名参考 CSS 概念 CSS (Cascading Style Sheets 层叠样式表) ：用于定义 HTML 元素显示的样式。规则一条CSS规则的基本组成：选择器可以是tag、id、class、property等。选择器可分组，即有多个，用“逗号”隔开。值如果是多个单词要用“双引号”括起来。多个声明之间用“分号”隔开。子元素会继承父元素的规则，单独对子元素创建规则可摆脱父元素的规则。形式外部样式表 mystyle.css body { background-color : yellow ; } p { margin-left : 20px ; /* 左边外边框宽度设置为20像素 */ background-color : blue ; /* 背景色设置为蓝色 */ } hr { color : sienna ; } mydoc1.html <!DOCTYPE

input元素的23种type类型

阅读更多关于 input元素的23种type类型

随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week共13个传统类型 text 定义单行的输入字段，用户可在其中输入文本 password 定义密码字段。该字段中的字符被掩码 file 定义输入字段和 "浏览"按钮，供文件上传 radio 定义单选按钮 checkbox 定义复选框 hidden 定义隐藏的输入字段 button 定义可点击按钮（多数情况下，用于通过JavaScript启动脚本） image 定义图像形式的提交按钮 reset 定义重置按钮。重置按钮会清除表单中的所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text type="text"表示一个文本输入框，它是默认的输入类型，是一个单行的控件，一般是一个带有内嵌框的矩形 password type="password"表示一个密码输入框，它与文本输入框几乎一模一样，功能上唯一的不同的字母输入后会被隐藏

订阅 border