تخبرك هذه المقالة بالرمز إلى الجانب الأيمن من H5 وحدد مربع Drop -Down لتحسين تأثير تجربة المستخدم على صفحة التجميل العميق
1. ثم دعونا نلقي نظرة على التأثير أولاً!
2. انظر إلى بنية H5 مرة أخرى:
<div id = login-div> <div class = select-wrapper> <select id = celector1> <ortive value = dripeded selectd> الرجاء تحديد النظام: </orpion> <spoint = 1> weChat-apple </op < /op </p </p </pec tion> <value Option = 2> WeChat-Android </soph> </select> <img src = Ossweb-IMG/Arrow.png </viv> <div class = select -WRAPPER> <حدد ID = CENECTURCE2> <STONED = DISABLED حدد> الرجاء تحديد القناة: </OPTION> <OPTION VALUES = 1> القناة 1 </OPTER = OSSWEB-IMG/ARROW.PNG.PNG </VIL> <div class = select-wrapper> <select id = celector3> <option value = dipeded selectd> الرجاء تحديد المنطقة: </orpeal> <value = 1> ue = 2> مناطق 2 </option> </select> <img src = Ossweb-IMG/Arrow.png </viv> <div class = select-wrapper> <تحديد المعرف = concector4> <ortup > يرجى تحديد الحرف: </option> <value value = 1> الحرف 1 </OPTION> <value ortive = 2> الحرف 2 </soph> </select> <img src = ossweb-img/arrow.png < /div> <p id = note> يمكن أن يحصل حساب واحد فقط مرة واحدة على الجائزة </p> <img src = ossweb-img/comfire1.png </viv>
3. يتم التحكم في جزء النمط بواسطة Sass. لا توجد عمليات خاصة يمكن تحويلها ، لذلك من السهل استبدال CSS
function rem ($ n) {regurn $ n/$ rem*1Rem ؛} #login-div {background: url (../ossweb-img/kuang1.png) 0 0 100 ٪ ؛ : المركز: REM (REM) ؛ 1PX Solid #2328d ؛ : 41) 20) ؛ الهامش: REM (174) ؛}}4. التحليل: بشكل رئيسي التحكم في الموضع في أيقونة الجانب الأيمن من الجانب الأيمن من اليمين. الاستفادة من موضع السمة للتحكم في الموضع مع الإمكانية: المطلقة ؛
لخصما سبق هو مربع HTML5 إلى الجانب الأيمن من HTML5 واختيار. شكرا جزيلا لدعمكم لموقع VEVB Wulin!