每当鼠标指向衔接时,变化总是很死板,没什么创意。这篇教学,教你如何
在鼠标指向衔接后,在衔接上画圈圈
效果图:
就是这样啦!:)
先点击< 模板 >, < 修改HTML >,在模板上面的小格子打√ (找不到的点击这里)
接下来在键盘上按ctrl + f 寻找
a:hover {
找到了之后,在a:hover { 下面paste这个code
-moz-border-radius: 35px;
border-radius: 35px;
border: 5px solid #000000;
蓝色代码可以更改成你想要的圈圈
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px
例子 B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
例子C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
例子 D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
例子 E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
例子 F
-moz-border-radius: 35px;
border-radius: 35px;
例子G
-moz-border-radius: 4em 1em 4em 1em;
border-radius: 4em 1em 4em 1em;
红色代码可以换成你想要的外框
黄色代码可以换成你想要的框框厚度
当然,数目越大,框框越厚
青色代码可以换成你要想要的框框颜色
#000000
|
#2F0000
|
#600030
|
#460046
|
#28004D
|
|||||
#272727
|
#4D0000
|
#820041
|
#5E005E
|
#3A006F
|
|||||
#3C3C3C
|
#600000
|
#9F0050
|
#750075
|
#4B0091
|
|||||
#4F4F4F
|
#750000
|
#BF0060
|
#930093
|
#5B00AE
|
|||||
#5B5B5B
|
#930000
|
#D9006C
|
#AE00AE
|
#6F00D2
|
|||||
#6C6C6C
|
#AE0000
|
#F00078
|
#D200D2
|
#8600FF
|
|||||
#7B7B7B
|
#CE0000
|
#FF0080
|
#E800E8
|
#921AFF
|
|||||
#8E8E8E
|
#EA0000
|
#FF359A
|
#FF00FF
|
#9F35FF
|
|||||
#9D9D9D
|
#FF0000
|
#FF60AF
|
#FF44FF
|
#B15BFF
|
|||||
#ADADAD
|
#FF2D2D
|
#FF79BC
|
#FF77FF
|
#BE77FF
|
|||||
#BEBEBE
|
#FF5151
|
#FF95CA
|
#FF8EFF
|
#CA8EFF
|
|||||
#d0d0d0
|
#ff7575
|
#ffaad5
|
#ffa6ff
|
#d3a4ff
|
|||||
#E0E0E0
|
#FF9797
|
#FFC1E0
|
#FFBFFF
|
#DCB5FF
|
|||||
#F0F0F0
|
#FFB5B5
|
#FFD9EC
|
#FFD0FF
|
#E6CAFF
|
|||||
#FCFCFC
|
#FFD2D2
|
#FFECF5
|
#FFE6FF
|
#F1E1FF
|
|||||
#FFFFFF
|
#FFECEC
|
#FFF7FB
|
#FFF7FF
|
#FAF4FF
|
|||||
#000079
|
#000079
|
#003E3E
|
#006030
|
#006000
|
|||||
#000093
|
#003D79
|
#005757
|
#01814A
|
#007500
|
|||||
#0000C6
|
#004B97
|
#007979
|
#019858
|
#009100
|
|||||
#0000C6
|
#005AB5
|
#009393
|
#01B468
|
#00A600
|
|||||
#0000E3
|
#0066CC
|
#00AEAE
|
#02C874
|
#00BB00
|
|||||
#2828FF
|
#0072E3
|
#00CACA
|
#02DF82
|
#00DB00
|
|||||
#4A4AFF
|
#0080FF
|
#00E3E3
|
#02F78E
|
#00EC00
|
|||||
#6A6AFF
|
#2894FF
|
#00FFFF
|
#1AFD9C
|
#28FF28
|
|||||
#7D7DFF
|
#46A3FF
|
#4DFFFF
|
#4EFEB3
|
#53FF53
|
|||||
#9393FF
|
#66B3FF
|
#80FFFF
|
#7AFEC6
|
#79FF79
|
|||||
#AAAAFF
|
#84C1FF
|
#A6FFFF
|
#96FED1
|
#93FF93
|
|||||
#B9B9FF
|
#97CBFF
|
#BBFFFF
|
#ADFEDC
|
#A6FFA6
|
|||||
#CECEFF
|
#ACD6FF
|
#CAFFFF
|
#C1FFE4
|
#BBFFBB
|
|||||
#DDDDFF
|
#C4E1FF
|
#D9FFFF
|
#D7FFEE
|
#CEFFCE
|
|||||
#ECECFF
|
#D2E9FF
|
#ECFFFF
|
#E8FFF5
|
#DFFFDF
|
|||||
#FBFBFF
|
#ECF5FF
|
#FDFFFF
|
#FBFFFD
|
#F0FFF0
|
|||||
#467500
|
#424200
|
#5B4B00
|
#844200
|
#642100
|
|||||
#548C00
|
#5B5B00
|
#796400
|
#9F5000
|
#842B00
|
|||||
#64A600
|
#737300
|
#977C00
|
#BB5E00
|
#A23400
|
|||||
#73BF00
|
#8C8C00
|
#AE8F00
|
#D26900
|
#BB3D00
|
|||||
#82D900
|
#A6A600
|
#C6A300
|
#EA7500
|
#D94600
|
|||||
#8CEA00
|
#C4C400
|
#D9B300
|
#FF8000
|
#F75000
|
|||||
#9AFF02
|
#E1E100
|
#EAC100
|
#FF9224
|
#FF5809
|
|||||
#A8FF24
|
#F9F900
|
#FFD306
|
#FFA042
|
#FF8040
|
|||||
#B7FF4A
|
#FFFF37
|
#FFDC35
|
#FFAF60
|
#FF8F59
|
|||||
#C2FF68
|
#FFFF6F
|
#FFE153
|
#FFBB77
|
#FF9D6F
|
|||||
#CCFF80
|
#FFFF93
|
#FFE66F
|
#FFC78E
|
#FFAD86
|
|||||
#D3FF93
|
#FFFFAA
|
#FFED97
|
#FFD1A4
|
#FFBD9D
|
|||||
#DEFFAC
|
#FFFFB9
|
#FFF0AC
|
#FFDCB9
|
#FFCBB3
|
|||||
#E8FFC4
|
#FFFFCE
|
#FFF4C1
|
#FFE4CA
|
#FFDAC8
|
|||||
#EFFFD7
|
#FFFFDF
|
#FFF8D7
|
#FFEEDD
|
#FFE6D9
|
|||||
#F5FFE8
|
#FFFFF4
|
#FFFCEC
|
#FFFAF4
|
#FFF3EE
|
|||||
#613030
|
#616130
|
#336666
|
#484891
|
#6C3365
|
|||||
#743A3A
|
#707038
|
#3D7878
|
#5151A2
|
#7E3D76
|
|||||
#804040
|
#808040
|
#408080
|
#5A5AAD
|
#8F4586
|
|||||
#984B4B
|
#949449
|
#4F9D9D
|
#7373B9
|
#9F4D95
|
|||||
#AD5A5A
|
#A5A552
|
#5CADAD
|
#8080C0
|
#AE57A4
|
|||||
#B87070
|
#AFAF61
|
#6FB7B7
|
#9999CC
|
#B766AD
|
|||||
#C48888
|
#B9B973
|
#81C0C0
|
#A6A6D2
|
#C07AB8
|
|||||
#CF9E9E
|
#C2C287
|
#95CACA
|
#B8B8DC
|
#CA8EC2
|
|||||
#D9B3B3
|
#CDCD9A
|
#A3D1D1
|
#C7C7E2
|
#D2A2CC
|
|||||
#E1C4C4
|
#D6D6AD
|
#B3D9D9
|
#D8D8EB
|
#DAB1D5
|
|||||
#EBD6D6
|
#DEDEBE
|
#C4E1E1
|
#E6E6F2
|
#E2C2DE
|
|||||
#F2E6E6
|
#E8E8D0
|
#D1E9E9
|
#F3F3FA
|
#EBD3E8
|
————————————————完成————————————————
觉得ok了的话,按保存就行了
请问现在新版的怎样弄,我是初学者
回复删除