css圆点边框间距太小

html-css015

css圆点边框间距太小,第1张

在网页前端设计过程中,少不了要使用边框,这样页面整体好看一些。边框通常分为两种,一种为实边框另一种为虚边框,实边框用得多一些,但有虚线或虚线边框点缀,网页会更漂亮,所以这两种边框都要使用。

在CSS中,设置边框用border属性,通常需要设置三个值,分别为:宽度、线条样式和颜色。把线条设置为实线或虚线主要设置线条样式,它主要有两个值,即:solid 和 dashed,前者表示实线,后者表示虚线。

一、CSS设置虚线

html代码:

CSS设置虚线

使用dashed

CSS样式:

.uldashed{border:1px solid #c22159width:300pxheight:60pxmargin:0padding:0line-height:26px}

.uldashed li{border-bottom:1px dashed #c22159list-style:none}

效果图:CSS设置虚线

使用dashed

以上CSS样式是给ul的每一行设置一条虚线,虚实结合比单用实线好看得多。在实际应用中,最后一行的虚线要隐藏掉,这样美观一些,只要再设置一个CSS样式把 border-bottom 设置为 none 即可。

二、CSS设置虚线边框

html代码:

CSS设置一虚线

使用dashed

CSS样式:

.uldashedborder{border:1px dashed #c22159width:300pxheight:60pxmargin:0padding:0line-height:26pxpadding-bottom:23px}

.uldashedborder li{border-bottom:1px solid #c22159list-style:none}

效果图:CSS设置一虚线

使用dashed

以上的CSS样式是把边框设置为虚线,把行的底部设置为实线,跟上边恰好相反,效果没有上边的好看。一般来说,虚线常常用于实线边框内。

三、CSS 长虚线边框

html代码:

长虚线边框

CSS样式:

.longDashedBorder{position:relativemargin:68px 0 0 130pxheight:44pxwidth:86pxdisplay:inline-blockborder:dashed 1px #b200fftransform:scale(4)overflow:hidden}

.text{position:relativemargin:-54px 0 0 -106pxfloat:leftheight:150pxwidth:300pxline-height:28pxdisplay:inline-blocktransform:scale(0.28)}

效果图:

ee96bd1776d77c7f7c565d5cc3bf1f47.png

以上长虚线边框用 Css 放大属性 scale 实现,这样虚线会增长但不会加宽;如果只增长 X 轴方向,可以用 scalex;如果只增长 Y 轴方向,可以用 scaley。使用 scale,除放大边框外,还放大其它元素,需要把它们调回来,比较麻烦。

四、CSS 虚线间距

html代码:

CSS样式:

.dashedSpace {

width:350px

height:1px

margin-top:10px

background-image:linear-gradient(to right, #b200ff 0%, #b200ff 50%, transparent 50%)

background-size:28px 1px

background-repeat:repeat-x

}

.linear {

background-image: linear-gradient(to right, #ccc 0%, #b200ff 50%, transparent 50%)

background-size:40px 1px

}

效果图:

03cc24f8ec77382a351b9b73a6a9f5eb.png

dashed 样式的虚线不能调间距,只能用渐变生成函数 linear-gradient(),to right 表示从左到右渐变,#ccc 0% 表示起点颜色和颜色百分比,#b200ff 50% 表示终点颜色和颜色百分比,transparent 50% 表示透明度。

对不同的文字链接定义不同的CSS样式:

比如文字1的链接样式:

.style01 {

font-size: 12px

line-height: 24px

color: #aaaaaa

}

.style01 a:link{color: #aaaaaatext-decoration:none}

.style01 a:active{color: #aaaaaatext-decoration:none}

.style01 a:visited{color:#aaaaaatext-decoration:none}

.style01 a:hover{color:#FF6600text-decoration:none}

比如文字2的链接样式:

.style02 {

font-size: 12px

line-height: 24px

color: #bbbbbb

}

.style02 a:link{color: #bbbbbbtext-decoration:none}

.style02 a:active{color: #bbbbbbtext-decoration:none}

.style02 a:visited{color:#bbbbbbtext-decoration:none}

.style01 a:hover{color:#FF0000text-decoration:none}

等等,依此类推,如果要效果相同的可以调用同一种样式!

希望对你的问题有所帮助!

你问的也太......

给你资料你自己参考一下吧。希望对你有帮助。

【1】运放4558D(8脚)

1:AMP OUT1 放大信号输出(1)

2:IN1- 反相信号输入(1)

3:IN1+ 同相信号输入(1)

4:GND 接地

5:IN2+ 同相信号输入(2)

6:IN2- 反相信号输入(2)

7:AMP OUT2 放大信号输出(2)

8:Vcc 电源

【2】功放TDA2822(8脚)

1脚3脚左右输出

5脚8脚左右反馈

2脚4脚正负电源

6脚7脚左右输入

【3】音频处理SC7313与TM2313,用于车载影音系统(28脚)

3路输入4声道输出

【4】汽车专用4声道*40W集成运放驱动的OCL功放TDA7388与TDA7386(25脚)

注:可用 7381 7382,TB2929HQ……7388和7850等多款IC,(此系列IC仅在于最后一个数字不同,功率不一样,而线路通用)

11,12,14,15脚是输入端

3,5脚后左

7.9脚前左

17.19脚前右

21.23脚后右

22脚:静音(此脚断会通电杂)

【5】GPS模块各脚分布(32脚)

注:天线处电压:3到3.3V

1脚:右声道R

2脚:左声道L

3脚:地

4脚:VB(蓝)

5脚:VG(绿)

6脚:VR(红)

7脚:HS(开路白屏)

8至11脚:空

12:地

13:DET(音频检测)

14:空

15:RST(复位)

16:TXD(触摸)

17至20:空

21:D1

22:D2

23:CLK

24:3V3

25:DEL

26:CMD

27:D3

28:D2

【21到28是卡座】

29至30:地

31:ACC记忆

32:电源B正(12V)

【6】TM2313音频处理

【7】BD3702音频处理

【8】收音模块4730(24脚)

1脚 :dout(空,英文nc表示空)

2脚: dfs(空)

3脚:GPO3/DCLK(晶振脚)

4脚 :GPO2/INT(地)

5脚 :GPO1(电源串联1k接过来的电压)

6脚 至7脚:空

8脚: FM天线

9脚 :RF天线(GND)

10脚 至11脚:空

12脚 :AM天线

13脚 至14脚:GND

15脚 :RST(复位脚)

16脚 :SEN(通常接地)

17脚 :SCLK

18脚 :SDIO(DATA)

19脚 :RCLK(晶振脚)

20脚 至21脚:电源脚(VCC3.3V)

22脚:GND

23脚:音频(R)《通常用AR表示,全英文AUDIO即是AR》

24脚:音频(L)《通常用AL表示,全英文AUDIO即是AL》

【9】视频fms6502

【10】SD卡(共9脚)(全名:SecureDigitalCard简称大卡)—安全数码卡

1脚 :CD DAT3 I/O/PP 卡监测数据位3

2脚 :CMD PP 命令/回复

3脚 :Vss S 地

4脚 :Vcc S 供电电压【额定2.7至3.6V,一般机做定在3.3V】

5脚 :CLK I 时钟

6脚 :Css2 S 地

7脚 :DAT0 I/O/PP 数据位0

8脚 :DAT1 I/O/PP 数据位1

9脚 :DAT2 I/O/PP 数据位2

注:TF卡(共8脚)(全名:TransFLash简称小卡,引脚定义同SD卡:只少一根地线,其它相同

备注:TF卡可经SD卡套转换器后,当SD卡使用。T-Flash卡是市面上最小的闪存卡)

【下面是少用的内存卡】

MemoryStick简称为记忆棒、(索爱手机专用)

CompactFlash简称为CF卡、

SmartMediaCard简称为SM卡、MultiMemoryCard简称为MMC卡、XDPictureCard简称为XD卡。

【11】 USB的学名叫做Universal Serial Bus,中文名是通用串行总线!

1脚 :+5V【额定5V】

2脚 :DATA-(数据-)

3脚 :DATA+(数据+)

4脚 : GND地

【12】D6287F(进出仓)

7脚:+,1脚:—(去出仓马达)

3脚.6脚:Vcc+5v

4脚,5脚:反馈作用,(接电容电阻47欧)

8脚:GND

【13】驱动5888

【14】机蕊线

寻迹马达(英文:SD):黄色+,橙色—

主轴马达(英文:SP):红色+,黑色—

到位开关(英文:home):颜色,棕,绿

感应进出仓:三线可任意颜色

【15】TFT(5V供电)

负7.5V

15V

以上两个稳压二极管电压

3.3V

1.8V

5V(稳压后的)

3个电压供IC,MST776

晶振工作电压1.68还有1脚1.58(总之相差1V左右)

软件7脚:0V正常

复位脚:0V

胆电容:棕色小边为正