border | 易学教程

MFC获取电脑硬盘序列号（附源代码）

阅读更多关于 MFC获取电脑硬盘序列号（附源代码）

在新建的project里面加入一个类即：下面一个类 GetHDSerial.cpp <code class="hljs cs has-numbering" style="font-family: 'Source Code Pro', monospace; display: block; padding: 0px; color: inherit; box-sizing: border-box;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-comment" style="font-family: 宋体 !important; margin: 0px; padding: 0px; color: rgb(136, 0, 0); box-sizing: border-box;">// GetHDSerial.cpp: implementation of the CGetHDSerial

Using CSS borders to create shapes with pseudo-elements with same height as parent

阅读更多关于 Using CSS borders to create shapes with pseudo-elements with same height as parent

问题 I am trying to create "ribbon" headings for my website. This is what I've been able to mock up so far. This works properly with short headings (for some value of short), but fails when the headings want to wrap. Is it possible to use the border method of creating the "swallowtail" shape but have the border widths of the :after pseudo-elements be related to the height of the parent instead of hard-coded without resorting to scripting? Is there an alternative approach to be taken to achieve a

CSS属性速查表

阅读更多关于 CSS属性速查表

本文将按照布局类属性、盒模型属性、文本类属性、修饰类属性这四个分类，对CSS常用属性进行重新排列，并最终设置为一份stylelintrc文件布局类 1、定位 position z-index top bottom left right 2、浮动 float clear 3、多列布局 columns columns-width columns-count column-rule column-fill column-span column-gap 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） 4、栅格布局 // 显示网格 display grid grid-template-rows grid-template-columns grid-column-gap grid-row-gap grid-gap // 网格线 grid-row-start grid-row-end grid-row grid-column-start grid-column-end grid-column grid-area // 隐式网格 grid-auto-rows grid-auto-columns grid-auto-flow grid-template-rows

C#巧用Excel模版变成把Table打印出来

阅读更多关于 C#巧用Excel模版变成把Table打印出来

转载： http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版，通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr();

C#巧用Excel模版变成把Table打印出来

阅读更多关于 C#巧用Excel模版变成把Table打印出来

文章来源： http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版，通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr(

C#巧用Excel模版打印

阅读更多关于 C#巧用Excel模版打印

通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr(); DataTable dtOrderMainInfo = new DataTable(); DataTable dtOrderCongInfo = new DataTable();

web打印

阅读更多关于 web打印

<html> <head> <title>看看</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style> <style> .tdp { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; } .tabp { border-color: #000000 #000000 #000000 #000000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 1px; border-left-width: 1px; } .NOPRINT { font-family: "宋体"; font-size: 9pt; } </style>

css代码检查工具--cssLint

阅读更多关于 css代码检查工具--cssLint

微信公众号：前端程序猿之路关注可了解更多的前端知识，反馈问题或建议，请公众号留言。如果你觉得公众号内容对你有帮助，欢迎关注并转载 css代码检查工具–cssLint cssLint简介 CSSLint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题，使用方法很简单，只需要把 CSS 内容复制贴上，最后按下 LINT！按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则，预设是全部勾取，如果没有特别的需求可以不用更动，完成之后 CSS Lint 会告诉使用者该样式表哪些部分发生问题，只要依照网站的指示修改就可以得到正确的css格式了为了避免开发过程中，因为css书写和使用出错导致不必要的麻烦，所以开发完都尽量使用cssLint检查一下官网链接 http://csslint.net/ https://www.w3cschool.cn/tools/index?name=csslint CSS Lint的检测规则有： 1. 盒模型(box-model) (1)当设定width的同时，还设置了border,border-left,border-right,padding,padding-left,padding-right中的任意一个，那么必须显示设置box-sizing (2)当设定height的同时，还设置了border,border-top,border

:active:before的使用

阅读更多关于 :active:before的使用

当时要实现的一个效果是：一个盒子里有图片，文字，active这个盒子时，盒子的背景色变成某个颜色，要实现的效果是：最开始的代码是： <div class="list-item"> <div class="item-wrapper"> <img src="./images/taohua.jpeg"> <div>标题</div> <div>时间</div> </div> </div> css: .list-item { width: 200px; height: 200px; padding: 10px; border: 1px solid #ededed; position: relative; cursor: pointer; } .list-item:active { background: rgba(0, 0, 0, .5); border: 1px solid #ccc; } .item-wrapper { width: 100%; height: 100%; } .item-wrapper img { width: 100%; } 结果效果为：这是因为本来图片的背景色是白色的，最后修改代码为： .list-item:active::before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0

基本属性

阅读更多关于基本属性

// 选择器（CSS） // 基本选择器：#id、.className、TagName、* // 事件的添加办法 // $(...).事件名(function() {}); // 属性与样式 // $(...).css("border", "1px solid red") // $(...).css({...}) // $(...).css("border") // $(...).attr(属性名, 值) // $(...).html() innerHTML // $(...).text() innerText // $(...).val() value // $(...).addClass() //添加类 // $(...).removeClass()//移除类 // $(...).toggleClass()//开关类来源： https://www.cnblogs.com/leehn/p/4783440.html

订阅 border