Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

Html form instance: login page

2025-03-28 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Network Security >

Share

Shulou(Shulou.com)06/01 Report--

one

two

three

four

5 login page

six

7 body {

8 margin: 0px

9 padding: 0px

10}

11 # div-big {

12 width: 1100px

13 height: 600px

14 background-p_w_picpath: url (. / 1.jpg)

fifteen

16 / * background-repeat: set or retrieve how the background image of an object is laid and filled * /

17 background-repeat:round; / * round: the background image is automatically scaled until it adapts and fills the entire image.

18 devices * /

nineteen

20 / * background-position: sets or retrieves the background image location of an object * /

21 background-position:center; / * center: the background image is centered horizontally and vertically * /

twenty-two

23 / * background-size: retrieve or set the size of the background image of an object * /

24 background-size: contain; / * contain: scale the background image proportionally to width or height and volume

The width or height of the 25 device is equal, and the background image is always included in the

26 inside the container * /

twenty-seven

28 / * opacity: retrieves or sets the opacity of an object * /

29 opacity: .5; / * .5: 50% opacity /

30 margin: 0 auto

31}

32 # register {

33 width: 500px

34 height: 100px

35 margin: 0 auto

36 text-align: center; / * text centered left and right * /

37 line-height: 120px; / * text is vertically centered * /

38 font-weight: bolder; / * text weight: thicker than bold * /

39 font-size: 60px; / * text size * /

40 color: # ff0000; / * text color: red * /

41 font-family:SimHei; / * text style: boldface * /

42}

43 # name {

44 width: 400px

45 height: 60px

46 margin: 0 auto

47 font-size: 20px

48 text-align: center

49 line-height: 60px

50 margin-top: 30px

51 margin-bottom: 30px

fifty-two

53}

54 # name-input {

55 width: 400px

56 height: 60px

57 margin: 0 auto

58 font-size: 40px

59 line-height: 60px

60 font-family: "SimHei"

61 border-width: thick; / * sets or retrieves the border width of the object: defines a border that is 62 thicker than the default thickness. The calculated value is 5px * /

63 border-style: dashed; / * set or retrieve object border style: dashed outline * /

64 border-color: red; / * set or retrieve object border color: red * /

65 border-bottom-style: solid; / * sets or retrieves the bottom edge style of an object: solid outline * /

66 border-bottom-width: 7px; / * set or retrieve the width of the bottom edge of the object * /

67 border-top-right-radius: 10px; / * sets or retrieves the rounded border in the upper right corner of the object * /

68 border-top-left-radius: 10px; / * sets or retrieves the fillet border in the upper-left corner of the object * /

69 border-left-style:outset; / * set or retrieve the style on the left side of the object: 3D convex outline * /

70 border-right-style:inset;/* sets or retrieves the style on the right side of the object: 3D concave outline * /

71}

72 # e-mail {

73 width: 400px

74 height: 60px

75 margin: 0 auto

76 margin-top: 30px

77 margin-bottom: 30px

78}

79 # e-mail-input {

80 width: 400px

81 height: 40px

82 margin: 0 auto

83 font-size: 30px

84 line-height: 40px

85 font-family: arial

86 margin-top: 10px

87}

88 # password {

89 width: 400px

90 height: 60px

91 margin: 0 auto

92 margin-top: 30px

93 margin-bottom: 30px

94}

95 # password-input {

96 width: 400px

97 height: 40px

98 margin: 0 auto

99 font-size: 30px

100 line-height: 40px

101 font-family: arial

102 margin-top: 8px

103}

104 # submit {

105 width: 400px

106 height: 60px

107 margin: 0 auto

108 margin-top: 40px

109 margin-bottom: 30px

110}

112 # submit-input {

113 width: 100px

114 height: 40px

115 margin: 0 auto

116 font-size: 25px

117 line-height: 40px

118 font-family: "blackbody"

119 text-align: center

120 float: right

121 margin-right:150px

123 margin-top: 10px

124}

one hundred and twenty five

one hundred and twenty six

one hundred and twenty seven

one hundred and twenty eight

one hundred and twenty nine

130 users log in

one hundred and thirty one

one hundred and thirty two

one hundred and thirty three

one hundred and thirty four

one hundred and thirty six

one hundred and thirty seven

one hundred and thirty eight

one hundred and thirty nine

one hundred and forty

one hundred and forty two

one hundred and forty three

one hundred and forty four

one hundred and forty five

one hundred and forty six

one hundred and forty eight

one hundred and forty nine

one hundred and fifty

one hundred and fifty one

one hundred and fifty two

one hundred and fifty four

one hundred and fifty five

one hundred and fifty six

one hundred and fifty seven

one hundred and fifty eight

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Network Security

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report