border | 易学教程

HTML5 & MUI 界面样式

阅读更多关于 HTML5 & MUI 界面样式

什么？这是要做前端的节奏吗？只要公司有需要，我分分钟变身、前端、美工、UI、交互、后端、数据库管理员......快速学习、快速响应，快速适应。公司需要我干啥，我就干啥，而我存在于公司的意义就是利用所学的东西帮公司解决问题......事实上，如果让一个人来搞定整个项目包括移动端、PC端等等，那你还不是被逼得啥都会。垂直居中+自动换行样式效果如下所示，当文字没有超出一行时，显示如“备注信息”，当文字超出一行时，显示如“维修地点” HTML代码如下： <div class="mui-input-row multi-line"> <div class="box label-right"> <div class="div-leftauto">维修地点</div> <div class="wrap">广东省深圳市南山区西丽街道桃源路1001号</div> </div> </div> css样式如下： /*不固定高宽div垂直居中的方法：其它页用*/ .box {width: 100%;height: 40px;border: 1px solid #FFF;display: table;margin-right:5px;} .wrap{display: table-cell; vertical-align: middle; width: 100%;padding: 6px 0px;line

Less 简介

阅读更多关于 Less 简介

什么是LESSCSS LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 LESS源码： @color: #4D926F; #header { color: @color; } h2 { color: @color; } 编译后的CSS： #header { color: #4D926F; } h2 { color: #4D926F; } 混合（Mixins）混合可以将一个定义好的class A轻松的引入到另一个class B中，从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用，就像使用函数一样。 LESS源码： .rounded-corners (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius:

Getting Rid of Table Borders in HTML Emails

阅读更多关于 Getting Rid of Table Borders in HTML Emails

问题 I'm working on an HTML email campaign (no CSS allowed) so I'm forced to use tables, something I'm not super familiar with. I've got everything looking right EXCEPT the table borders. Whenever I create a new <tr> I cannot for the life of me get rid of the inner border around the content. I have tried a few tricks ( border="0px" , bordercolor="white" , bordercolor="#ffffff" , etc), but whenever I send a test message, the borders still show up black around my text and images. This is really

Getting Rid of Table Borders in HTML Emails

阅读更多关于 Getting Rid of Table Borders in HTML Emails

change checkbox border color

阅读更多关于 change checkbox border color

问题 can i change border color of checkbox by use css or jquery. i want change only border color of check box. 回答1: if you want to do this with pure css, you won't get an result that works in all browsers. if you use jqueryUI there are some implementations of checkboxes like this or this. otherwise you'll have to do something similar by yourself using images. edit: please note: as of today (march 2015) this post is about 5 years old - back then, the IE6 still had a market share of about 10% and

WPF简单的分页控件实现

阅读更多关于 WPF简单的分页控件实现

WPF简单的分页控件实现 XAML代码(使用ItemsControl控件实现)： <UserControl x:Class="SunCreate.Vipf.Client.UI.CityDoor.PageControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" d:DesignHeight="28" d:DesignWidth="450"> <Grid> <StackPanel Orientation="Horizontal" VerticalAlignment="Center">  <Button x:Name="btnPrePage" Height="28" Background="Transparent" Foreground="#fff" Click=

仿Google自动提示 SearchSuggess

阅读更多关于仿Google自动提示 SearchSuggess

页面： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>seach</title> <script type="text/javascript" src="jquery.min.js" ></script> <script type="text/javascript" src="js.js"></script> <link href="css.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div onClick="keyup_close();"> <ul> <li class="h_14"> <iframe style=

How to remove borders and corners from Canvas object? [Fabric.js]

阅读更多关于 How to remove borders and corners from Canvas object? [Fabric.js]

问题 I'm using fabric.js in one project, where user can draw on canvas, and save to png image (using canvas.toDataURL() function). However, we noticed if user moved an object and clicked on Save button, it saves a border and corners of previously moved object (borders are always displayed when you move or resize object). So we need a way to remove object borders before saving, is that possible? 回答1: Yes. You probably want to deactivate all objects before saving an image: canvas.deactivateAll()

css3使用box-sizing布局

阅读更多关于 css3使用box-sizing布局

ss3增添了盒模型box-sizing，属性值有下面三个： content-box ：默认值，让元素维持W3C的标准盒模型。元素的宽度/高度（width/height）（所占空间）等于元素边框宽度（border）加上元素内边距（padding）加上元素内容宽度 /高度（content width/height）即：Element Width/Height = border+padding+content width/height。 border-box ：让元素维持IE6及以下版本盒模型，元素的宽度/高度（所占空间）等于元素内容的宽度/高度。这里的content width/height包含了元素的border,padding,内容的width/height。即：Element Width/Height =width /height-border-padding。 inherit ：继承父元素的盒模型模式。效果图终于写好了，但如果又被要求改好看点，比如内容区加内边距，边框什么的修饰一下。如果直接加上padding、border什么的，马上就破坏了布局：因为box-sizing默认是content-box，内容区大小不会变，加上padding、margin、border的话，就会往外撑开，从而破坏布局结构这时，使用border-box就可以完美解决了。 <

CSS 盒模型与box-sizing

阅读更多关于 CSS 盒模型与box-sizing

一、盒模型一个web页面由许多html元素组成，而每一个html元素都可以表示为一个矩形的盒子，CSS盒模型正是描述这些矩形盒子的存在。 MDN的描述： When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS basic box model . CSS determines the size, position, and properties (color, background, border size, etc.) of these boxes. Every box is composed of four parts (or areas ), defined by their respective edges: the content edge , padding edge , border edge , and margin edge . CSS盒模型有四条边：外边距边、边框边、内填充边、内容边（Content edge、Padding edge、Border edge和Margin edge），四条边由内到外把它划分为四个区域：内容区域、内边距区域、边框区域

订阅 border