效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } html,body { line-. div 标签是一个块容器标签(可以设置宽度和高度) div 标签可以把网页分割为独立的部分,用来 实现 网页的规划和布局 大多数 HTML 标签都可以嵌套< div >标签中可以嵌套多层< div > 可以替代大多数块容器标签,如:<h3>或<p> <!doctype html &gt <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 边框 position: relative; background-image: url(../../Images/border/lt.png), url(../../Images/border/rt.png), url(../../Images/border/ld.png), border-top: 100px solid red; border-bottom: 100px solid transparent; border-left: 100px solid transparent; border-right: 100px solid t. <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
又到周末了,这一天天过的真快,明天应该回老家了,不知道会不会有机会进行编写,尽量争取吧,实在不想就这样间断。如果说从前会一天天无聊到爆,那现在自己应该是一天天忙的要死,欠缺了太多东西,那些浪费的时间可不是懊恼就能解决的,出来混,终归是要还的啊。 先来幅图画, 显示 下什么是所谓的 高亮 效果   在输入框周围出现了亮光,或者说阴影造成 边框 发亮的假象,这就是我所说的 高亮 效果,那究竟该如何是 实现 呢? 这样我们先来上一下代码,我是用的枫树浏览器,是webkit内核,所以这里只写了webkit 复制代码代码如下: .aa:HOVER{ -webkit-transition:border linear .
border-top: 50px solid red; border-right: 50px solid transparent; border-left: 50px solid transparent; 使用border属性创建一个三 形,可以设置其中一个 边框 为透明色。这里设置border-top为红色,而border-right和border-left为透明,所以生成的就是一个直 形。同时,设置其宽度和高度为0,即未定义尺寸,根据 边框 的设置来生成三 形。如果需要等腰或等边三 形,只需要设置其宽度和高度相等即可。