caio/Estudos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

terminei

Browse Source
This commit is contained in:
Caio1w
2025-10-27 16:21:34 -03:00
parent 6c7bdb0301
commit 4a522fd86f
2 changed files with 34 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -63,6 +63,11 @@
<label class="text-muted for="textarea">Mensagem</label> <label class="text-muted for="textarea">Mensagem</label>
<br> <br>
<textarea placeholder="Escreva sua mensagem" id="textarea"></textarea> <textarea placeholder="Escreva sua mensagem" id="textarea"></textarea>
<br>
<div class="buttons-forms">
<button id="submitform" type="submit">Enviar</button>
<button class="text-muted" id="resetform" type="reset">Limpar</button>
</div>
</form> </form>
</div> </div>

34
style.css
View File

@@ -21,7 +21,8 @@ body {
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 30px 2rem; margin: 15px 2rem;
} }
@@ -118,8 +119,8 @@ main {
.forms-menu { .forms-menu {
background-color: rgba(255,255,255,0.04); background-color: rgba(255,255,255,0.04);
padding: 3px 15px 5px; padding: 2px 15px 5px;
margin: 10px; margin-left: 10px;
border-radius: 15px; border-radius: 15px;
} }
@@ -128,7 +129,7 @@ main {
} }
input { input {
margin: 5px; margin-top: 7px;
background: transparent ; background: transparent ;
border-radius: 6px; border-radius: 6px;
border:1px solid rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.04);
@@ -138,13 +139,36 @@ input {
padding-left: 7px; padding-left: 7px;
} }
textarea { textarea {
margin-top: 7px;
background: transparent ; background: transparent ;
border-radius: 6px; border-radius: 6px;
padding-left: 7px;
border:1px solid rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.04);
height: 80px; height: 50px;
color: white; color: white;
width: 100%; width: 100%;
} }
#submitform {
background-color: aqua;
height: 40px;
width: 90px;
border-radius: 15px;
font-weight: bold;
border-style: none;
}
#resetform {
border:1px solid rgba(255,255,255,0.04);
border-radius: 6px;
height: 40px;
width: 90px;
background: transparent ;
font-weight: bold;
}
.buttons-forms {
margin-top: 5px;
}