效果:代码:<!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
>
<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,即未定义尺寸,根据
边框
的设置来生成三
角
形。如果需要等腰或等边三
角
形,只需要设置其宽度和高度相等即可。